[css] Jak wycentrować i zeby sie nie rozjezdzalo w IE

HTML to podstawy w dziedzinie tworzenia stron WWW, Style CSS warto opanować, bowiem za ich pomocą można dostosować odpowiednio wygląd swojej witryny WWW. Zagłębiamy się dalej i udostępniamy w tym forum możliwość zadawania pytań o JavaScript.
ODPOWIEDZ
djlinux
Posty: 2
Rejestracja: pn lut 18, 2008 10:03 pm

[css] Jak wycentrować i zeby sie nie rozjezdzalo w IE

Post autor: djlinux »

A więc styl CSS:
body {
text-align: center;
margin:0;
}
a img {float: left;}
img {border-style: none; border-width:0;}
#container
{
width: 800px;
margin : 0 auto;
border: none;
padding: 0px;
float: left;
text-decoration:none;
background: url(images/splaszczony_01.jpg);
height:142px;

}
#menu
{
margin : 0 auto;
margin-top: 142px;
border : none;
padding : 0px;
float: left;
background: url(images/splaszczony_02.jpg);
height: 35px;
width: 177px;

}

#przyciski
{
margin-top: 177px;
float: left;
margin : 0 auto;
border : none;
padding : 0px;
height: 390px;
width:177px;
text-decoration:none;
}

#center
{
margin : 0 auto;
margin-top: 142px;
border : none;
padding : 0px;
float: right;
background: url(images/splaszczony_03.jpg);
height: 425px;
width: 623px;

}

#footer
{
margin : 0 auto;
margin-top: 567px;
height:33px;
width:800px;
background: url(images/splaszczony_10.jpg);
}
Kod stronki:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl">
<head>
<title>Strona miejscowości Zrąb</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-2" />
<meta name="author" content="Wojciech Stępniak" />
<meta name="keywords" content="Zrąb, Roztocze, Skierbieszów, Stępniak, Wojciech" />
<meta name="description" content="Strona internetowa poświęcona miejscowości Zrąb na Zamojszczyznie." />
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<div id="container">
<div id="top"> </div>
<div id="menu"> </div>
<div id="center">Test ąęćśłóóśćżź</div>
<div id="przyciski">
<a href="#"> <img src="images/splaszczony_04.jpg" alt="glowna" /> </a>
<a href="#"> <img src="images/splaszczony_05.jpg" alt="galerie" /> </a>
<a href="#"> <img src="images/splaszczony_06.jpg" alt="informacje" /> </a>
<a href="#"> <img src="images/splaszczony_07.jpg" alt="linki" /> </a>
<a href="#"> <img src="images/splaszczony_08.jpg" alt="kontakt" /> </a
<img src="images/splaszczony_09.jpg" alt="menu cd." />
</div>
<div id="footer"> </div>
</div>
</body>
Kombinowałem z tym na mnóstwo sposobów, poza tym w internecie jest mało opisów na podobną sytuacje jak moja...
Liczę na pomoc oraz wskazania jakiś materiałów, które mi się przydadzą do CSS'a (nie oczekuje linku do dokumentacji :P)
!ans
Nowy
Nowy
Posty: 131
Rejestracja: wt gru 11, 2007 9:59 pm
Lokalizacja: zza rogu

Re: [css] Jak wycentrować i zeby sie nie rozjezdzalo w IE

Post autor: !ans »

Napisz trochę jaśniej o co ci chodzi. Wogóle nie napisałeś co chcesz wyśrodkować ,a że chodzi o wyśrodkowanie można wywnioskować jedynie z tematu. :-D
djlinux
Posty: 2
Rejestracja: pn lut 18, 2008 10:03 pm

Re: [css] Jak wycentrować i zeby sie nie rozjezdzalo w IE

Post autor: djlinux »

Chce żeby cała strona była wyśrodkowana. Ponadto w IE wywala sie :/
W Firefoxie natomiast działa, tyle ze nie wyśrodkowane...
!ans
Nowy
Nowy
Posty: 131
Rejestracja: wt gru 11, 2007 9:59 pm
Lokalizacja: zza rogu

Re: [css] Jak wycentrować i zeby sie nie rozjezdzalo w IE

Post autor: !ans »

Div'owi z id container ustal szerokość np. width: 800px i margin: 0 auto;
Powinno być dobrze.
ODPOWIEDZ