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}
CSS a przeglądarki (problem z wyświetlaniem strony)
-
- Posty: 7
- Rejestracja: 29 kwie 2011, 18:39:53
- Strona na CBA.pl: rafalkraska.cba.pl
- Płeć:
- User Agent:
-
- Obsługa CBA
- Posty: 3197
- Rejestracja: 18 lut 2011, 08:01:57
- Lokalizacja: Kędzierzyn-Koźle
- Płeć:
- User Agent:
Re: CSS a przeglądarki (problem z wyświetlaniem strony)
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.
---- 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
Re: CSS a przeglądarki (problem z wyświetlaniem strony)
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
Co do szarego pola, wg mnie jest to wina niepotrzebnego "<br>" zaraz po menu. Usuń to i powinno pomóc
-
- Posty: 7
- Rejestracja: 29 kwie 2011, 18:39:53
- Strona na CBA.pl: rafalkraska.cba.pl
- Płeć:
- User Agent:
Re: CSS a przeglądarki (problem z wyświetlaniem strony)
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:)