4 svar · 310 visningar · startad av Coccozz
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">
<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?!
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.
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
(overflow-y och overflow-x (CSS3) kommer att stödjas i fx1.1.)
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//
