Forum PHP.pl > Jak wyśrodkować stronę przy div-ach?

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: Jak wyśrodkować stronę przy div-ach?

MartioL

2.02.2005, 20:31:27

Znam się trochę na programowaniu i właśnie chciałbym przejśc z tabel html <table> na divy <div>. przeczytałem wiele kursów i porad. Wiem, że należy podać margin: 0 auto, aby wyśrodkować stronę WWW. Jednak mi to nie działa. Bardzo proszę o pomoc!!!

Co zrobiłem źle?

[HTML] pobierz, plaintext 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">
<title>Strona testowa</title>
<style type="text/css">
<!--
body {font-family: Verdana; font-size: 12px; color: #000000; background: #F4F4F4; margin: 0 auto}
 
#strona {width: 780px; background: #F4F4F4; margin: 0 auto}
 
#naglowek1 {height: 80px; border: solid #1676A9; border-width: 1px 1px 0px 1px; background: #ECF7FD}
#naglowek2 {height: 26px; border: solid #1676A9; border-width: 0px 1px 1px 1px; background: #ECF7FD; padding: 2px}
 
#kolumna_lewa1 {width: 500px; height: 16px; border: solid #1676A9 1px; border-bottom-width: 0px; background: #30A6E4; margin-top: 2px; float: left;}
#kolumna_lewa2 {width: 500px; border: solid #1676A9 1px; padding: 5px; background: #ECF7FD; float: left;}
#kolumna_prawa1 {width: 278px; height: 16px; border: solid #BB8404 1px; border-bottom-width: 0px; background: #FAB71B; margin-top: 2px; float: right}
#kolumna_prawa2 {width: 278px; border: solid #BB8404 1px; padding: 5px; background: #FFF9EA; float: right}
 
#stopka {height: 10px; border: solid #1676A9 1px; background: #30A6E4; margin-top: 2px; padding: 2px; clear: both}
-->
</style>
 
<script language="javascript" type="text/javascript">
<!--
function blokuj(f) {
  if (f.wyslane) return false;
  f.wyslane=true; 
  return true;
}
// -->
</script>
</head>
 
<body>
<div id="strona">
    <div id="naglowek1"></div>
    <div id="naglowek2"><p align=right>nagłówek</p></div>
 
    <div id="kolumna_lewa1"></div>
    <div id="kolumna_prawa1"></div>
    <div id="kolumna_lewa2"></div>
    <div id="kolumna_prawa2"></div>
 
    <div id="kolumna_lewa1"></div>
    <div id="kolumna_prawa1"></div>
    <div id="kolumna_lewa2"></div>
    <div id="kolumna_prawa2"></div>
 
    <div id="stopka"></div>
</body>
</html>
[HTML] pobierz, plaintext

---
nie lubie balaganu :-) poprawilem [html]
hwao

aleksander

2.02.2005, 20:41:01

UŻYWAJ TAGU HTML!!!

Drugi z lewej w dolnym rzędzie.

wyciag z mojego css gdzie mam wyśrodkowany div

Kod

div.centered
{
width: 550px;
margin: 50px AUTO 0px AUTO;
}

pozdrawiam

2.02.2005, 20:43:05

Przeglądarki IE wymagają dodatkowo text-align: ceneter; w body. Było zresztą o tym na forum.

son

2.02.2005, 20:48:21

Cytat

Co zrobiłem źle?

Nie skorzystałeś w WYSZUKIWARKI tego forum, gdyż temat był poruszany wielokrotnie!

aleksander

2.02.2005, 21:12:18

Cytat(son @ 2005-02-02 20:48:21)

Nie skorzystałeś w WYSZUKIWARKI tego forum, gdyż temat był poruszany wielokrotnie!

no to jak był to zamykam

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.