[xhtml] jak osiagnac taki uklad... Opcje

[1010]

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:
(IMG:http://img201.imageshack.us/img201/5181/ukladbv3.gif)
Prosze o pomoc. Kompletnie nie wiem jak to poukladac...

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

[occulkot]

[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 (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg)

[1010]

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

[kwiateusz]

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

[1010]

u mnie niestety nie

(IMG:http://img261.imageshack.us/img261/6523/clipboard01yb1.jpg)

ps. sorka ze troche rozciaglem strone...

[qlash]

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

[1010]

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

[Zajec]

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

[qlash]

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

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

[1010]

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

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

[revyag]

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.

[Zajec]

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 :-)