+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: Różnica w centrowaniu całego DIVA (/thread-roznica-w-centrowaniu-calego-diva)
Różnica w centrowaniu całego DIVA - kyku - 04-11-2009
Mam problem, a zarazem ustawiłem odpowiednio w pliku css tak aby bloki były wyświetlane na środku ekranu, wszystko działa dobrze pod Mozilla a pod IE jest dalej w lewym rogu. Prosze o poradę co zmienić w pliku css.
Adres strony: www.steeze.pl
Plik css:
Cytat:html, body {
background-image:url(images/body_bkg.jpg);
background-position: bottom;
background-repeat: repeat-x;
width: 990px;
height: 100%
font-family: Verdana,Arial,Sans-Serif;
font-size:12px;
margin: 0 auto;
padding: 0;
}
#top {
width: 990px;
margin: 0 auto;
padding: 0;
}
#NAGLOWEK {
margin: 0 auto;
float: left;
}
#MENU {
padding-left: 430px;
margin: 0 auto;
float: left;
}
#TRESC {
width: 990px;
font-size: 11px;
float: left;
overflow: hidden;
margin-left: 4px;
}
#CONTENT {
width: 990px;
}
#LEWO {
margin-top:14px;
width: 310px;
clear: both;
float: left;
overflow: hidden;
font-family: Verdana,Arial,Sans-Serif;
}
#CALOSC {
width: 990px;
}
#WYJAZDY {
background-image: url('images/wyjazdy.jpg');
background-repeat:repeat-x;
width: 300px;
margin-top: 15px;
padding-top: 10px;
font-family: Verdana,Arial,Sans-Serif;
font-size:11px;
}
#SRODEK {
margin-top:14px;
width: 352px;
float: left;
overflow: hidden;
font-family: Verdana,Arial,Sans-Serif;
}
#PRAWO {
margin-top:14px;
width: 318px;
float: right;
overflow: hidden;
font-family: Verdana,Arial,Sans-Serif;
}
#STOPKA {
width: 100%;
background-color: #2a2a2a;
margin: 0 auto;
padding: 0;
float: left;
}
#STOPKA p{
padding-left: 30px;
padding-top: 20px;
color: #fff;
font-size: 11px;
font-family: Verdana,Arial,Sans-Serif;
}
#STOPKA b{
padding-left: 430px;
padding-top: 40px;
}
Dziekuje już temat nie aktualny :)
RE: Różnica w centrowaniu całego DIVA - razorskate - 06-11-2009
Poza tematem: W tych newsach na środku tekst styka sięz krawędzią diva, wręcz za niego wychodzi. Polecałbym jakiś padding bądź div w divie, bo strasznie się czyta taki tekst.
Pozdrawiam.
RE: Różnica w centrowaniu całego DIVA - Kamil - 06-11-2009
Zależy pod jakim IE chcesz naprawić bo w każdej wersji inaczej wygląda
IE6: Dwie pierwsze kolumny są ok trzecia wchodzi na dół pod dwie poprzednie.
IE7: Cały środek wychodzi poza środek na prawą stronę stronki.
IE8: W stopce obrazek TWITTER jest niżej niż reszta obrazków w stopce.