Witam.
Niedawno zacząłem zamieniać moje strony z tabelek na divy. Proste uklady nie sprawialy mi problemow. Niestety nie zawsze wszystko wyglada tak pieknie. Mam do ułożenia taki uklad na divach:

Prosze o pomoc. Kompletnie nie wiem jak to poukladac...

Nie chce w tym temacie dyskusji pt: "Tabelki kontra DIV - co lepsze"

[XML] pobierz, plaintext 
<style>
div{border:1px solid red;}
</style>
 
<div style="width:800px;margin:auto">
<div style="float:left;width:40%">logo</div>
<div style="float:right;width:40%">panel uzytkownika</div>
 
<div style="clear:both"> </div>
 
 
<div style="float:left;width:30%">linki </div>
<div style="float:left;width:30%">linki 2</div>
<div style="float:right;width:38%">
  <div>wyszukiwarka</div>
  <div>statystyki</div>
</div>
 
<div style="clear:both"> </div>
 
<div style="float:left;width:70%">newsy</div>
<div style="float:right;width:28%">menu</div>
 
 
<div style="clear:both"></div>
 
<div>stopka</div>
</div>
[XML] pobierz, plaintext 

poprzenosic na id pozmieniac width itd i masz

dzięki bardzo, grafika wstawiona w divy, dzieki tego zrozumialem lepiej jak to dziala... te stare tez bede musial przerobic... bo nie profesjonalnie je zrobilem... pozdro

Wszystko pięknie. Część już sobie pociąłem.
Pod firefoxem i opera wszystko ładnie wygląda, ale oczywiście problemy muszą być pod smIEciem.

Oto url: http://www.ziajam.webd.pl/ciecie/fotka
CSS: http://www.ziajam.webd.pl/ciecie/fotka/style.css

Jak zrobić aby pod ie działało również poprawnie

u mnie na IE7 wygląda to tak samo jak na firefoxie

u mnie niestety nie



ps. sorka ze troche rozciaglem strone...

"smIEc" robi podwojne marginesy, dodaj alternatywny styl dla niego, lub zastap je przez padding (ale wtedy sie krzaczy na IE5).

mam rozumiec ze smIEc nie rozumie co to jest 1px?

[OT] A skąd wziąłeś słowo "Chłopacy"?? Chłopaki albo chłopcy.

smIEc rozumie pojecie margin: 1px jako margin: 2px itd..

czy ja tu czegos nie rozumiem? czy microsoft jest jakis inny ?

To jest powszechnie znany bug IE. Podwójny margines. Daj elementowi float:left, to wtedy margines będzie normalny.

Hola, hola ;-) Zastępowanie marginesów paddingiem? Dodawanie float? Skąd te metody ;-)


IE podwaja marginesy elementów, którym przypisaliśmy własność float. Takim elementom wystarczy dopisać jeszcze
display: inline;
i będzie po kłopocie. Niczego to nie zepsuje, bo przeglądarki to i tak ignorują, ale szczęśliwym zbiegeiem okoliczności rozwiązuje kłopot z IE :-)