ďťż

[INNE] Nie czytanie marginesów

       

Podstrony


telcocafe

Mam taki problem, stworzyłem szablon strony ( http://www.bmatrix.e...et.pl/index.htm ) i pod IE wszystko jest ok, tymczasem pod Operą (nie wiem jak z Firefoxem) linia jakby wchodzi pod menu, tak jakby nie czytała ona marginesów. Czy wie ktoś czym to jest spowodowane?



Pełno błędów
index.htm
<html> <head> <link rel="stylesheet" href="style.css"> </head> <body> <div id="all" align="center"> <div id="top"> </div> <div id="menu"> <ul id="menu"> <li><a href="aaa.php">AAA</a></li> <li><a href="aaa.php">BBB</a></li> <li><a href="aaa.php">CCC</a></li> <li class="last"><a href="aaa.php">DDD</a></li> </ul> </div> <div id="linia"></div> <div id="content"> <h3> Witaj... </h3> Tekst tekst tekst tekst Tekst tekst tekst tekst Tekst tekst tekst tekstTekst tekst tekst tekst Tekst tekst tekst tekstTekst tekst tekst tekstTekst tekst tekst tekstTekst tekst tekst tekstTekst tekst tekst tekstTekst tekst tekst tekstTekst tekst tekst tekstTekst tekst tekst tekstTekst tekst tekst tekstTekst tekst tekst tekstTekst tekst tekst tekstTekst tekst tekst tekstTekst tekst tekst tekstTekst tekst tekst tekstTekst tekst tekst tekstTekst tekst tekst tekstTekst tekst tekst tekstTekst tekst tekst tekstTekst tekst tekst tekstTekst tekst tekst tekstTekst tekst tekst tekstTekst tekst tekst tekstTekst tekst tekst tekstTekst tekst tekst tekstTekst tekst tekst tekstTekst tekst tekst tekstTekst tekst tekst tekstTekst tekst tekst tekstTekst tekst tekst tekst </div> <div id="liniadolna"></div> <div id="bottom"> Edited by: bajeczny Author: bmatrix 2006 </div> </div> </body> </html>
styl.css
A:link , A:active , A:visited { color: #AAAAAA; font-family: Verdana; text-decoration: none; } A:hover { color: #DDDDDD; font-family: Verdana; text-decoration: none; } BODY { margin: 0px; padding: 0; background-color: #EEEEEE; text-align: center; color: black; } div#all { width: 648px; height: 100%; background: #F9F9F9; border-left: 1px solid #BBBBBB; border-right: 1px solid #BBBBBB; margin-left: auto; margin-right: auto; font-family: Tahoma; font-size: 8pt; } *html div#all { width: 650px; } div#top { width: 100%; height: 100px; margin-bottom: 8px; } div#menu { width: 445px; margin-bottom: 10px; } div#content { width: 556px; margin-bottom: 50px; text-align: left; } div#bottom { width: 556px; text-align: right; } #menu { list-style:none; padding:0; margin: 0px; } #menu LI { float: left; border: 1px solid #CCCCCC; border-right: 0; } #menu LI.last { float: left; border: 1px solid #CCCCCC;} #menu LI span { text-align:center; } #menu A { font-family: Tahoma; text-decoration: none; font-size: 12px; display: block; width: 110px; padding-top: 4px; padding-bottom: 4px; text-align: center; text-valign: middle; background-color: #F5F5F5; color: #B1B1B1;} #menu A:hover , #menu A.active { background-color: #FFFFFF; color: #AAAAAA; } #linia { width: 556px; border: 0px; margin-bottom: 50px; border-top: 1px solid #BBBBBB; height: 1px; } #liniadolna { width: 556px; border: 0px; border-top: 1px solid #BBBBBB; height: 1px; }

I wszystko ładnie wygląda ;) Tylko trochę trzeba jescze style dopracować :)
Użytkownik bajeczny edytował ten post 29 wrzesień 2006, 19:26
Yyy... a co to dało? I po co rozdzielałeś to na dwie linie?
Narazie wiem na czym polega problem, Opera tak jakby nie wykrywała tego diva "menu" i nie daje od niego dolnego marginesu, tylko dlaczego?

EDIT:

Najdziwniejsze jest to że margines od topu do menu jest prawidłowy, a od menu do linii już go tak jakby nie było.
Użytkownik bmatrix edytował ten post 29 wrzesień 2006, 20:00
Ok, http://www.bmatrix.e...et.pl/index.htm rozwiązałem to w nieco inny sposób, mam nadzieję że na wszystkich przeglądarkach wygląda tak samo, choć dalej nie wiem dlaczego Opera tak jakby olewała marginesy menu.

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

  • Sitedesign by AltusUmbrae.