CSS padding es margin hibák, de hol?
Sziasztok!
Van a következő oldal:
http://www.kontenerpiac.hu/impresszum/
És hozzá a következő CSS:
http://www.kontenerpiac.hu/kinezetek/alap.css
És mint látható Firefoxban, a bal oldali tartalom-sor kicsit bugzik. Avagy FF-ben fölötte van egy jó 5-10 px-es fehér rész, aminek nem kellene lennie. Ezen kívül, ha a tartalom hosszabb, mint a bal oldali oszlop, (mint a fent említett lapnál) az oszlop alján is van egy 1 px-es hiba, ami igen rosszul mutat.
Már vagy 1 órája nézem a CSS-t, hogy hol lehet a hiba, de az Istennek se jövök rá.
Ha megnézitek, előre is köszi...
ProClub
■ Van a következő oldal:
http://www.kontenerpiac.hu/impresszum/
És hozzá a következő CSS:
http://www.kontenerpiac.hu/kinezetek/alap.css
És mint látható Firefoxban, a bal oldali tartalom-sor kicsit bugzik. Avagy FF-ben fölötte van egy jó 5-10 px-es fehér rész, aminek nem kellene lennie. Ezen kívül, ha a tartalom hosszabb, mint a bal oldali oszlop, (mint a fent említett lapnál) az oszlop alján is van egy 1 px-es hiba, ami igen rosszul mutat.
Már vagy 1 órája nézem a CSS-t, hogy hol lehet a hiba, de az Istennek se jövök rá.
Ha megnézitek, előre is köszi...
ProClub
Javítás
http://www.kontenerpiac.hu/kinezetek/alap/kepernyo.css
<Nincs cím>
Ez a #content diven beluli h2 6px-es felso marginja.
</noocx>
Nem nyert
fehér csíkok :-)
Az alsó fehér csíkot pedig
1. #contentw #content
border-bottom:2px solid #ffffff;
2. #footer
border-top:2px solid #ffffff; okozza.
gondolom a második design megfontolásból szándékos.
3. p
{
margin-bottom:6px;
text-align:justify;
}
a #content utolsó bekezdésének szerintem adj egy külön osztályt, amiben a margót nullára állítod.
Operában (8.5) a sidebar-ban lévő két select mezőt a böngésző a következő sorba "töri".
A legegyszerűbb megoldás:
div.formcontrol label
{
display:block;
float:left;
width:80px !important;
}
80 helyett 79px-et beállítani.
És lehet, hogy csak én nem értem, de miért kell a #contentw div?
Semmilyen szerepét nem látom.
Tomek73
Köszi
A contentw div azért kellett, hogy az IE ne csinálja meg a peek-a-boo bugot. Ha külön keretbe rakom, nem csinálja meg. Nem próbáltam ki ebben contentw nélkül, de más projektemnél hasonló helyzetben már előfordult.
Most már csak egy dolog van, amit nem tudok kiküszöbölni a CSSben. Az alsó szöveget (#footer) nem rakja középre az Istennek se.