Próbuję, próbuję i nie wychodzi mi. Układ strony wygląda inaczej w IE i Firefoxie. Na moim komputerze w IE wygląda super, wszystko wyśrodkowane tak jak ma być. Na Firefoxie tekst wyjeżdża za bardzo w lewo. W IE na innym komputerze w ogóle cały układ się psuje.
Chodzi o to, aby logo (header) i treść strony (dwie kolumny na tle bg.jpg) były wyśrodkowane oraz aby tło (bg.jpg) powtarzając się, zakrywało całą wolną przestrzeń do samego dołu okna przeglądarki. Co zrobiłam źle? No i jak tabelkę przerobić całkowicie na divy ?
Kod z CSS:
body {
background-color: #000000;
background-image: url("images/tlo.jpg");
background-repeat: repeat-x;
topmargin=0px;
margin: 0 auto;
text-align: justify;
color:#FFFFFF;
font-family: verdana, trebuchet, arial;
font-size:8pt;
font-weight: normal;
display: table;
}
div.block { text-align:justify;
topmargin=0px;
width=734;
margin-left:auto
margin-right:auto
}
#tekst {
background-image: url("images/bg.jpg");
background-repeat: repeat-y;
margin-top=0px;
margin-bottom=0px;
margin-left:auto
margin-right:auto;
}
A:link {background: #FF8000; text-decoration: none}
A:visited {background: #FF8000; text-decoration: none}
A:active {text-decoration: none}
A:hover {text-decoration: underline; color: FF8000;}
I kod html:
| |
|
|
treść lewej kolumny
| |
treść prawej kolumny
|
|