Float-problem i Safari
Stian Grytøyr
<url: http://test.grytoyr.net/safari-screenshot.png >
når man går inn på <url: http://test.grytoyr.net/ > ?
Altså hvorfor den første røde div-en ikke ligger ute til høyre
sånn som den neste? Hvis jeg setter padding: 0; på #entry eller
fjerner #leftcol så fungerer det, men det er ikke praktisk.
Det ser riktig ut i Firefox, Opera og IE, ihvertfall de variantene
jeg har testet.
--
Stian Grytøyr
Øyvind Segrov
Stian Grytøyr wrote:
> Er det noen som forstår hvorfor Safari gjør sånn som dette ...
>
> <url: http://test.grytoyr.net/safari-screenshot.png >
>
> når man går inn på <url: http://test.grytoyr.net/ > ?
>
> Altså hvorfor den første røde div-en ikke ligger ute til høyre
> sånn som den neste? Hvis jeg setter padding: 0; på #entry eller
> fjerner #leftcol så fungerer det, men det er ikke praktisk.
Problemet er at leftcol opptar fotavtrykket til maincol - som ikke har
fått noen bredde spesifisert. Om det er en bug i safari aner jeg ikke,
men i slike tilfeller ville jeg skrevet leftcol-float slik (uten float
altså):
#leftcol-float {
width: 250px;
position: absolute;
right:10px;
top: 10px;
border: 1px dashed #888;
}
Eller så kan du bruke flash:)
Stian Grytøyr
| Problemet er at leftcol opptar fotavtrykket til maincol - som
| ikke har fått noen bredde spesifisert.
OK. Et av målene med å gjøre det på den måten var nettopp å unngå
å sette noen bredde på hovedinnholdet, samtidig som menyen og den
lille røde boksen skulle ha fast bredde.
| #leftcol-float {
| width: 250px;
| position: absolute;
| right:10px;
| top: 10px;
| border: 1px dashed #888;
| }
Ja, det slo meg også. Jeg var litt usikker på hvordan den ville
posisjonere seg hvis det kom tekst av variabel høyde over menyen
og hovedinnholdet (slik det er på den egentlig siten-en), men ved
å plassere de to div-ene (og ikke header-en) i en relativt
posisjonert div og sette top: 0; right: 0; på #leftcol-float
ser det ut til å fungere helt fint.
Takk!
--
Stian Grytøyr