Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Problem z wyświetlaniem, Firefox inaczej interpretuje padding...
radac78
post
Post #1





Grupa: Zarejestrowani
Postów: 26
Pomógł: 0
Dołączył: 21.02.2005

Ostrzeżenie: (0%)
-----


W IE co dziwne all gra. Niestety przegladarki konkurencyjne nieco inaczej interpretuja moje ustawienia. Kodu strony nie wklejam bo mozna zobaczyc go w zrodle strony (test2). Plik CSS ma nastepujaca tresc:

body {
margin: 0;
padding: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: center; /*Srodkowanie calosci*/
/* part 1 of 2 centering hack */
}

#all {
/*Srodkowanie calosci*/
width: 720px;
padding: 0px;
margin-top: 20px;
margin-bottom: 20px;
margin-right: auto;
margin-left: auto;
/* opera does not like 'margin:20px auto' */
text-align:left;
/* part 2 of 2 centering hack - nie wiem po co to - 4 linie*/
/* width: 720px; /* ie5win fudge begins */
voice-family: "\"}\"";
voice-family:inherit;
width: 720px;*/
/*Srodkowanie calosci*/
}

#cointainer {
margin: 0;
padding: 0;
}

#left {
border: none;
margin-left: 0px;
padding: 0px;
float: left;
width: 160px;
background-color: #white;
}

ul#mainnav {
list-style: none;
margin: 0;
padding:0;
background-color: #CCCCFF;
border: 1px solid #000;
}

ul#mainnav li a:link, ul#mainnav li a:visited {
display: block;
text-decoration: none;
width: 100%;
padding: 6px;
background-color: #5C6F90;
font-size: 12px;
color: #fff;
}

ul#mainnav li {
border-top: 1px solid #A5B5C6;
}

ul#mainnav li a:hover {
background-color: #43616B;
color: #eee;
}

ul#pozostale {
list-style: none;
margin: 0;
padding: 0;
background-color: #CCCCFF;
border: 1px solid #000;
}

ul#pozostale li {
border-top: 1px solid #A5B5C6;
}

#center {
font-size: 12px;
margin-left: 164px;
padding:5px;
background-color: white;
border: 1px solid black;
}

#clear {
clear: both;
}

#footer {
color: #5C6F90;
width: 720px;
font-size: 9px;
background-color: #fff;
margin-top: 10px;
padding-top: 5px;
border-top: 1px solid #5C6F90;
}

p.nazwa {
color: #0F1130;
font-weight: bold;
font-size: 12px;
margin: 0;
padding: 6px;
border-bottom: 1px solid #000;
}

p.pustka {
margin: 0;
padding: 0;
}

li.niemenu {
display: block;
width: 100%;
padding: 6px;
background-color: #5C6F90;
font-size: 12px;
color: #fff;
}

li.kursy {
width: 100%;
padding: 6px;
background-color: #5C6F90;
font-size: 12px;
color: #fff;
}


Jak widac chociazby w Firefox'ie tlo pod linkami listy jest zbyt rozlegle w prawo oraz stopka zbyt przylega do ostatniego elementu. Calosc nie wystepuje w IE. Po zmniejszeniu opcji padding do 0 oczywiscie problem dla menu nie wystepuje jednak calosc traci na swoim wygladzie,... nie za bardzo juz mam pomysl jak to zlikwidowac sad.gif Bede wdzieczny za wszelkie wskazowki.
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 22.08.2025 - 09:30