FP: "Robust" låsing av "sidebredde"

[PoleCat]

hr {
margin: 0 -10px;
}

?

[hemo]

hmz... joda... men i dette tilfelle hadde brukaren satt inn <img ...> som var 600px brei. Eg rekner med at bilde (som fungerer som hr) er tilpassa 600 px, fordi sida var 600 px brei (det fortalte eg, sist vi snakka saman).

 

Eg har no vert inne og endre .gif-fila til 580 px og problemet er løyst for no...

 

Likevel: "Robust" låsing av "sidebredde"?

 

Anyone?

[hemo]

hr {
margin: 0 -10px;
}

?

Ehh...

 

Då prøvde eg å baka inn bilde i hr'en med:

hr {
img: url("mal_ting/hr.gif");
margin: 0 -10px;
}

Det fungerte ikkje...

 

Kva gjor eg feil?

[hemo]

Firefox er da den eneste som viser det korrekt.

Les litt om hvordan box-model er oppsatt.

I post# 37 og 38 kjem eg til problemet med div/box som blir "breiare" i Firefox enn ie/Opera. Korleis kan eg enklast setta opp tre boksar (over kvarandre) der den midterste har "luft"?

[PoleCat]

Kva gjor eg feil?

hr {
 margin: 0 -10px;
 height: npx;
 background-image: url("mal_ting/hr.gif");
}

 

Er ikke helt sikker om denne funker, men det finnes iallefall ingen egenskap "img".

[hemo]

Firefox er da den eneste som viser det korrekt.

Les litt om hvordan box-model er oppsatt.

I post# 37 og 38 kjem eg til problemet med div/box som blir "breiare" i Firefox enn ie/Opera. Korleis kan eg enklast setta opp tre boksar (over kvarandre) der den midterste har "luft"?

Eg har prøvd å læra dette, men enno ikkje heilt funne feilen (knekt koden).

 

Vedlagd ligg det eg prøver å få til. Før eg no går vidare, vil eg bli kjempeglad om nokon kan sei om eg er på rett veg. Er det rett å tenka class="boks" og så tre id'ar etterpå?

 

Problem-id'en er "hoved" som viser "padding" på ein annan måte enn det eg vil. Dvs. med ie6 blir det vist sånn som eg ønskjer, men ikkje i Mozilla/Firefox.

 

"Problem-id'en" blir breiare enn dei andre, ser du :-(

[PoleCat]

Problemboksen tenker; Total bredde = width + padding, altså i ditt tilfelle:

 

100% + 10px (venstre) + 10px (høyre) = 100% + 20px.

 

Det du gjør er ganske enkelt å fjerne width: 100%, da blokkelementer automatisk fyller hele bredden av sitt parent element, så lenge annet ikke er angitt.

Da vil også problemet med paddingen forsvinne, da dette vil tilpasse seg selv.

 

Dette vil si at du kan fjerne width: 100% fra de andre to div'ene dine også.

[hemo]

Så bra :-)

No blei eg faktisk både litt klokare og veldig tilfreds!

 

(du meiner "fjerne width: 100% frå de andre tre div'ene", sant? "to" var ein skrivefeil, ja?)

[PoleCat]

de andre to

Hehe, kan godt skjønne det gikk litt i rot der ja. Mente selvfølgelig alle tre ja.