CSS a przeglądarki (problem z wyświetlaniem strony)

Wszystko o HTML, XHTML, XML, CSS.
rafalkraska.cba.pl
Posty: 7
Rejestracja: 29 kwie 2011, 18:39:53
Strona na CBA.pl: rafalkraska.cba.pl
Płeć: Niewybrana
User Agent: Chrome Windows 1280x800

CSS a przeglądarki (problem z wyświetlaniem strony)

Post autor: rafalkraska.cba.pl »

cześć,
jakiś czas temu dzięki samouczkom stworzyłem stronę: www.rafalkraska.cba.pl
W IE wygląda ok. Jednak jak zobaczyłem układ pod google chrome, to okazało się, że strona się rozjeżdża. Treść zamiast znajdować się po prawej stronie menu, znajduje się pod spodem, przez co obok menu tworzy się niepotrzebne szare pole.
W pliku css wszystko wydaje się być dobrze obliczone jeśli chodzi o szerokości (z matematycznego punktu widzenia). Ale jeśli chodzi o html i css jestem początkujący, dlatego zapewne popełniłem jakiś błąd lub o czymś zapomniałem. Dlatego chciałbym prosić bardziej zaawansowanych użytkowników o poradę. Poniżej przedstawiam kod, którego używam. Z góry dziękuję za pomoc.

body {
background-color: #fff;
color: #000;
margin: 0;
padding: 0;
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size:15px

}

#top {

width: 780px;
padding: 10px;
margin-left: 230px

}

#NAGLOWEK {
background-color: #888;
}

#MENU {
width: 160px;
float: left;
overflow: hidden;
background-color: #ccc;
padding: 1px
}

ul, ul li {
display: block;
list-style: none;
margin: 0;
padding: 0;
}

ul li {
width: 155px;
padding-left: 10px;
background: #797;
border-width: 1px;
border-style: solid;
border-color: #dfe #365 #365 #dfe;
}

ul a:link, ul a:visited {
display: block;
width: 169px;
text-decoration: none;
padding: 5px 10px;
font-weight: bold;
background: #bfb;
color: #365;
border-left: 1px solid #797;
}

ul a:hover {
background-color: #797;
color: #eff;
}


#TRESC {
padding: 0.5cm
width: 620px;
float: left;
overflow: hidden;
background-color: #fff;
border-style: inset;
outline-color: #000080;
font-size:13px;
color: #000000;
text-align: center }



#STOPKA {
clear: both;
width: 100%;
background-color: #888;
font-size:13px;
font-weight: bold;
color: #000000;
border-style: inset;
text-align: center
}

td { font-size: 12px}
Venite
Obsługa CBA
Posty: 3197
Rejestracja: 18 lut 2011, 08:01:57
Lokalizacja: Kędzierzyn-Koźle
Płeć: Mężczyzna
User Agent: Opera Mobile 240x320

Re: CSS a przeglądarki (problem z wyświetlaniem strony)

Post autor: Venite »

Powiem tak, w Internet explorer nic nie wygląda w porządku, tzn ie jest przestarzałe i nie obsługuje nowych standardów. Źle wyświetla strony. Postaraj się dostosować styl kierując się firefoxem lub innymi przeglądarkami, ale nie ie...

---- EDIT ----

Mhm. Poza tym, w dwóch znacznikach nie dałeś średnika ; na zakończenie linii

---- EDIT ----

a tak poza tym, styl wygląda okej. Nie wiem co oprócz tej interpretacji może być nie tak. Wszystko wygląda prawidłowo... Dla pewności, możesz sprawdzić ten styl przez validator css online, są takie.
Czy wiesz, że:
  • W Panelu CBA w sekcji "wsparcie" jest dedykowany system ticketów (obsługi technicznej)
  • Odpowiadamy na Forum oraz na adres mailowy obsluga(malpa)cba.pl
  • Jesteśmy również na Facebooku! Znajdź nas na facebook.com/hostingcba | cba.pl
W czym jeszcze możemy pomóc?
Awatar użytkownika
viper26
Posty: 51
Rejestracja: 27 sty 2009, 17:00:56
Płeć: Mężczyzna
User Agent: Firefox Windows 1280x960

Re: CSS a przeglądarki (problem z wyświetlaniem strony)

Post autor: viper26 »

U mnie strona wygląda tak samo na IE / Firefox / Google Chrome i Opera, ale fakt IE zawsze jest do tyłu ze standardami, więc nie można na nim opierać tworzenia strony www.

Co do szarego pola, wg mnie jest to wina niepotrzebnego "<br>" zaraz po menu. Usuń to i powinno pomóc ;)
rafalkraska.cba.pl
Posty: 7
Rejestracja: 29 kwie 2011, 18:39:53
Strona na CBA.pl: rafalkraska.cba.pl
Płeć: Niewybrana
User Agent: Chrome Windows 1280x800

Re: CSS a przeglądarki (problem z wyświetlaniem strony)

Post autor: rafalkraska.cba.pl »

dzięki za porady. Sprawdziłem kod w walidatorze, usunąłem błędy (brak średników), <br> po menu. Dopasowałem szerokość pod chrome i działa pod IE i google chrome:)
ODPOWIEDZ