ďťż

[CSS] nieoczekiwany odstęp pomiędzy div'ami

       

Podstrony


telcocafe

mam taki oto kod html
<div id="wrapper"> <div id="logo">logo</div> <div id="logor">logor</div> <div id="menu">menu<br><br><br><br><br><br>< /div> <div id="content">content<br><br><br><br><br><br> </div> </div>
oraz css
body { text-align: center; } #wrapper { margin: 0 auto; width: 605px; border: 1px solid black; } #logo, #logor, #menu, #content { background-color: black; } #logo, #logor { height: 100px; } #menu, #content { height: interhit; } #logo, #menu { float: left; width: 100px; } #logor, #content { width: 500px; }
problem tkwi w tym, że w IE występuje kilkupikselowy odstęp pomiędzy blokami #logo i #menu a #logor i #content.



spróbuj daćfont-size: 0px;

div {margin: 0px; padding: 0px;}


spróbuj daćfont-size: 0px;



Nie wiem jak u innych, ale u mnie ten kod w Firefoksie i IE wygląda inaczej...
Ja proponuję do:
#logor, #content
dodać float:left;
I dostroić różnice przeglądarkowe czyli border zrobić na całkowicie osobnym DIVie, który okala tego #wrapper'a.

//Do postu niżej: Tak, ale w Firekosie robi tą przerwe z IE...
Użytkownik NIC edytował ten post 20 maj 2006, 20:29
#wrapper { margin: 0 auto; width: 602px; border: 1px solid black; } #logor, #content { width: 500px; float: right; }
:)


nie będzie wtedy widać tekstu ;)


#wrapper { margin: 0 auto; width: 602px; border: 1px solid black; } #logor, #content { width: 500px; float: right; }
:)

  • zanotowane.pl
  • doc.pisz.pl
  • pdf.pisz.pl
  • nvm.keep.pl

  • Sitedesign by AltusUmbrae.