Overflow:auto i div funkar inte i FF!

4 svar · 309 visningar · startad av Coccozz 9 maj 2005

CoccozzMedlem sedan apr. 20032 072 inlägg

9 maj 2005 20:38#1

Hej!
Jag har stoppat ihop en jättfin liten sida, men den fungerar inte :x. Problemet är Overflow:auto i en DIV. Koden ser ut som följer:

			<center>
			<div id="readnews" style="width:590; height:170; overflow-y: auto; overflow-X: hidden;">
			<table width="100%" border="0" cellspacing="0" style="border-collapse: collapse; border-width: 0" bordercolor="#111111" height="*">
			<tr>
			<td class="rubrik"><b>
            <p style="margin-left: 10; margin-top:0; margin-bottom:0">
			&nbsp;<center><%=rs("rubrik")%></center>
			</td>
			</tr>
			<tr>
			<td class="nyhet" height="80">
			<p style="margin-left: 10; margin-top: 0; margin-bottom: 0">
			<img src="../bilder/ny/<%=rs("kategori")%>.png" border="0" align="left" vspace="10" hspace="10">
			<b><%=Replace(rs("inledning"),vbCrLf,"<br>")%></b><br><br>
			<%=Replace(rs("nyhet"),vbCrLf,"<br>")%><br><br>
			</p>
			<p style="margin-left: 10; margin-top: 0; margin-bottom: 0">
			Skriven av: <b><%=rs("skribent")%></b> den <%=rs("datum")%>
			</td>
			</tr>
			</table>
			</div>
			</center>

Efter att ha sökt runt lite på wF upptäckte jag att DOCTYPE kunde ha en hel del att göra med detta så jag prövade runt lite olika HTML typer, men jag får det ändå inte att fungera. Just nu använder jag mig av "<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">".
I FF presenteras inga rullningslister alls utan informationen skrivs bara ut över allting annat och ingen hänsyn tas ens till måtten på DIVen. I IE fungerar allting super.
Vad är fel här egentligen?!

kaxigtMedlem sedan okt. 2004636 inlägg

9 maj 2005 20:56#2

Hej!
Tja, egentligen behöver det inte vara ngt fel för FF och IE tolkar koderna olika. Det är ett känt faktum att bland annat både utseende på scroll-listen som att skapa exakt height på "vanligt" vis inte funkar i FF. Man får då göra ett litet hack.

Jag tycker, men det är jag, att du ska börja med att låta din css-mall styra utseendet så långt det är möjligt eftersom FF verkar ha svårt att tolka koden direkt i html-koden. Jag föreslår att du kikar in hos Jarvklo och läser mer om detta.

martinMedlem sedan apr. 2000313 inlägg

10 maj 2005 09:22#3

overflow-y och overflow-X är ie-specifikt och stöds inte av firefox. overflow:auto funkar (fast kan vara buggigt ibland).

http://www.blooberry.com/indexdot/css/properties/position/overflowx.htm
http://www.blooberry.com/indexdot/css/properties/position/overflowy.htm
http://www.blooberry.com/indexdot/css/properties/position/overflow.htm

/ m a r t i n

zcorpanMedlem sedan dec. 20042 245 inlägg

10 maj 2005 10:25#4

(overflow-y och overflow-x (CSS3) kommer att stödjas i fx1.1.)

CoccozzMedlem sedan apr. 20032 072 inlägg

10 maj 2005 13:38#5

Härligt, bara jag satte Overflow:auto så gick det som smorda bakplåtar igen.
På så vis är IE enormt bra, det slukar iprincip vad som helst. Å andra sidan så är det mer utmaning med FF. Dessutom måste sidan jag jobbar på fixa bägge två.
Tack för hjälpen//