"ez eddig ok is, szépen egyben maradt firefox-ban. netscape-ben, opera-ban, csakhogy az új explorer-ben a felsõ képek között olyan, mintha sorköz lenne..."
Háát, hogy az oldal Firefox/Opera/stb alatt egybemarad az a böngészõk "jóhiszemûségének" tekinteném. Hogy Photoshoppal elkészítetted a layoutot, feldaraboltad vele az még hagyján, csak egy WYSIWYG (What You See Is What You Get - amit látsz, azt kapod) grafikus szerkesztõ nézete nem mindig adja a nevéhez méltó teljesítményt.
Az oldalnak nincsen szerkezete, nincs logikai egységekre bontva.
Hol van a fejléc? Hol van a menü? Hol van a lábléc? Stb...
Egy oldal elkészítésekor, a kinézet megtervezésekor ezeket kell eldönteni, és így elkészíteni az oldal HTML-struktúráját, és a hozzá tartozó CSS-formázást.
* Az oldalnak van egy fejléce - piros színnel jelölve. Itt a képet a blokk (<div> vagy táblázatcella) hátterének érdemes megadni, mert a kép nem bír tartalmi jelleggel.
* Az oldalnak van egy bal oldali blokkja (zöld színnel jelölve). Itt az "Aktuális" és a "Kontakt" részek bírnak tartalmi jelleggel - tehát lehet kép.
* Az oldalnak van egy jobb oldali blokkja - kék színnel jelölve - amit két részre javasolok osztani:
- A felsõ menüt tartalmazó blokk
- Az alsó tartalmat tartalmazó blokk
* Az oldalnak végül van egy lábléce - sárga színnel jelölve.
Tehát a HTML struktúrának az alábbit javaslom (kódrészlet):
<div id="oldal">
<div id="fejlec"></div>
<div id="balsav"></div>
<div id="jobbsav">
<div id="menu"></div>
<div id="tartalom"></div>
</div>
<div id="lablec"></div>
</div>
Ezt utána CSS-sel úgy méretezed/pozicionálod (és teszed be a háttérképeket), ahogy akarod,, majd feltöltöd a tartalommal.