Problem s layoutom

BujnosS · Napísal **BujnosS**: 09.02.2007 18:45 | Problem s layoutom

Nazdarek mam mozno banalny problem ale ja s nim neviem pohnut.
Tvorim klasicky layout. Hore banner, pod nim stranka a jej obsah.
Banner tvori jeden obrazok, ktory je vlozeny priamo v tagu BODY a zarovnany na stred. Pod nim telo stranky v tagu DIV s pevnou sirkou a automatickym okrajom (cize tiez zarovnany na stred.) Problem je ze medzi bannerom a DIVom vznika (iba v IE) medzera cca 4px.

Poradte ako sa jej zbavit. Tag body ako aj div maju 0px okraje aj padding.

javo · Napísal **javo**: 09.02.2007 18:56 | Problem s layoutom

keby si hodil zdrojaky resp. stranku tak by sa to lepsie riesilo,
navyse pri slove "klasicky layout" si predstavy kazdy nieco ine

mokus · Napísal **mokus**: 10.02.2007 10:27 | Problem s layoutom

pre tagy BODY, prípadne aj HTML nastav margin="0",
ak to nepomôže, máš ešte problém s pozicovaním DIV,
banner si daj tiež do DIV s nastavením pozícii, potom by už tam nemala byť žiadna medzera, napríklad:

Kód:

<body margin="0">
<div style="width:100%; top:0;"><img src="images/banner.gif" alt="banner" width="500px" height="60px">
<div>
ĎALŠÍ OBSAH STRÁNKY
</div>
</div>
</body>

centrovanie si vyrieš podľa seba, je niekoľko spôsobov

majso · Napísal **majso**: 10.02.2007 11:00 | Problem s layoutom

banner skus vlozit ako pozadie divu a nie priamo do stranky a pod neho daj div s obsahom

BujnosS · Napísal autor témy **BujnosS**: 10.02.2007 12:21 | Problem s layoutom

No tak som asi prisiel na tu chybu. Problem to robi vtedy ked dam zvlast do divu banner ukoncim div a do noveho divu dam telo stranky. Ak obalim telo stranky divom banneru tak to medzeru nerobi. Ale neviem ci je to najelegantnejsie riesenie.

Napriklad na stranke www.onnovanbraam.sk ma banner vlozeny priamo v tele ako obrazok bez obalenia DIVom a telo potom uz v DIVoch ako potrebuje. A 4px odskok mu tam nerobi. Prehrabal som mu cele css ale na nic som neprisiel ako je to mozne.

Zaujimave je, ze ked si tu stranku stiahnem a otvorim z disku, tak tam ten odskok opat je.

Asi som lama. Skuste sa na to niekto pozriet a ak by ste na daco prisli tak dajte vediet. Dik

BujnosS · Napísal autor témy **BujnosS**: 10.02.2007 12:30 | Problem s layoutom

A tu je este zdroj aby aby ste vedeli o co ide.

<body margin="0">
<div style="width:100%; top:0; background-color:red;">
<img src="images/banner.gif" alt="banner" width="990px" height="104px">

</div> 
<div style="background-color:gray;">
ĎALŠÍ OBSAH STRÁNKY
</div>
</body>

imnotwhafo · Napísal **imnotwhafo**: 10.02.2007 12:34 | Problem s layoutom

skus na img dat border=0px, alebo margin=0px

BujnosS · Napísal autor témy **BujnosS**: 11.02.2007 19:21 | Problem s layoutom

No hosi, tak poroblem je vyrieseny. Nic z toho co ste povedali. Problem bol ako som si myslel absolutne banalny a tak si povazujem za poivinnost ho sem poslat.

Problem bol v tom, ze za tagom obrazku s banerom som ukoncil div a tag konca divu som dal do noveho riadku a nie hned za tag IMG. Prehliadac to bral ako novy riadok a vykreslil teda pod obrazkom 4px medzeru..

mokus · Napísal **mokus**: 12.02.2007 9:21 | Problem s layoutom

tak to je fakt banálny problém, lebo mne tú medzeru medzi tagmi nerobilo ani v jednom prípade, dokonca ani keď som nenastavil margin pre body (veď to je len vonkajší okraj,) dva tagy DIV nemôžu medzi sebou robiť medzeru, iba ak to tak nastavíš pozicovaním, alebo chybným písaním kodu

testované na FF v 2.0.1 a IE v 6.0

BujnosS · Napísal autor témy **BujnosS**: 12.02.2007 12:29 | Problem s layoutom

no ono to ani nebol problem ze by sa robila medzera medzi divmi ale ze sa robila medzera za obrazkom v dive.

Problem s layoutom

Problem s layoutom

Podobné témy

Problém s layoutom

Co s layoutom ?

M Firefox problém so sťahovaním a GCH problém s updatom

Problém s AMD Adrenaline alebo je to softvér či HW problém?

Problém so zobrazovaním www stránok, problém užívateľa

Battlefield 3 SKIDROW problem + win7 problem

Záhadný problém s PC... problém procesora?

Problém s MB ASUS P5K - problém s Realtek

Problém s HDD / Problém s bootovaním

problem

problem

problem

problem

Problém

problem

problem