| | |
| Stránka: 1 z 1
| [ Príspevkov: 10 ] | |
Autor | Správa |
---|
Registrovaný: 09.02.07 Prihlásený: 12.02.07 Príspevky: 7 Témy: 2 |
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.
|
|
Registrovaný: 02.07.06 Prihlásený: 30.01.20 Príspevky: 1635 Témy: 137 Bydlisko: Slovakia - ... | Napísal javo: 09.02.2007 18:56 | |
|
keby si hodil zdrojaky resp. stranku tak by sa to lepsie riesilo,
navyse pri slove "klasicky layout" si predstavy kazdy nieco ine
_________________ Zivot je jednoduchy , staci sa rozhodnut a neobzerat sa spat. Poriadok je pre blbcov, inteligent zvlada chaos. |
|
Registrovaný: 22.11.05 Prihlásený: 29.01.23 Príspevky: 712 Témy: 25 Bydlisko: SK-Martin | Napísal mokus: 10.02.2007 10:27 | |
|
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
|
|
Registrovaný: 03.11.06 Prihlásený: 28.03.24 Príspevky: 1759 Témy: 41 Bydlisko: Prešov | Napísal majso: 10.02.2007 11:00 | |
|
banner skus vlozit ako pozadie divu a nie priamo do stranky a pod neho daj div s obsahom
_________________ Oldcore user |
|
Registrovaný: 09.02.07 Prihlásený: 12.02.07 Príspevky: 7 Témy: 2 | Napísal autor témy BujnosS: 10.02.2007 12:21 | |
|
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
|
|
Registrovaný: 09.02.07 Prihlásený: 12.02.07 Príspevky: 7 Témy: 2 | Napísal autor témy BujnosS: 10.02.2007 12:30 | |
|
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">
<!--TU VZNIKA MEDZERA-->
</div> <!--AK DAM TENTO KONIEC DIVU ZA DIV OBSAHU TAK SA MEDZERA STRATI AKO SA JEJ ALE ZBAVIT AK CHCEM ZACHOVAT TUTO STRUKTURU BTW. ROBI TO AJ KED TO DAM DO TABULKY A BUNIEK-->
<div style="background-color:gray;">
ĎALŠÍ OBSAH STRÁNKY
</div>
</body>
|
|
|
skus na img dat border=0px, alebo margin=0px
|
|
Registrovaný: 09.02.07 Prihlásený: 12.02.07 Príspevky: 7 Témy: 2 | Napísal autor témy BujnosS: 11.02.2007 19:21 | |
|
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..
|
|
Registrovaný: 22.11.05 Prihlásený: 29.01.23 Príspevky: 712 Témy: 25 Bydlisko: SK-Martin | Napísal mokus: 12.02.2007 9:21 | |
|
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
|
|
Registrovaný: 09.02.07 Prihlásený: 12.02.07 Príspevky: 7 Témy: 2 | Napísal autor témy BujnosS: 12.02.2007 12:29 | |
|
no ono to ani nebol problem ze by sa robila medzera medzi divmi ale ze sa robila medzera za obrazkom v dive.
|
|
| Stránka: 1 z 1
| [ Príspevkov: 10 ] | |
| Nemôžete zakladať nové témy v tomto fóre Nemôžete odpovedať na témy v tomto fóre Nemôžete upravovať svoje príspevky v tomto fóre Nemôžete mazať svoje príspevky v tomto fóre
|
|