Forum PHP.pl > środkowanie elementu div

Pomoc - Szukaj - Użytkownicy - Kalendarz

Forum PHP.pl > Forum > Po stronie przeglądarki > CSS

john_doe

12.07.2009, 16:01:05

Witam,

napisałem takie proste coś

[HTML] pobierz, plaintext 
#header {
  width: 700px;
  height: 100px;
  margin: 0 auto;
  background-color: #00ccff;
  height: 150px;
  text-align: center;
  border: 1px solid red;
 
}
[HTML] pobierz, plaintext

w Firefoxie jest na środku i jest OK, natomiast w IE oczywiście lipa.

Gryf

12.07.2009, 21:16:46

dodaj do

Kod

html, body {
text-align: center;
}

Spawnm

12.07.2009, 21:18:50

[HTML] pobierz, plaintext 
height: 100px;
//...
height: 150px;
[HTML] pobierz, plaintext

Masz 2 height , choć to powodem pewnie nie jest...

Poker

12.07.2009, 22:23:33

nad <head> dodaj :

Kod

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

Kildyt

12.07.2009, 22:41:25

Cytat(Poker @ 12.07.2009, 23:23:33 )

nad <head> dodaj :

Kod

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

Dla IE6 na pewno to nie pomorze. Polecam rozwiązanie Gryf'a. Sam tak piszę i nie widzę problemów w jakichkolwiek przeglądarkach (te istniejące dla > 1000 użytkowników

cheschire_kotek

12.07.2009, 22:48:10

do tego co gryf napisał dodąłbym

[HTML] pobierz, plaintext 
#top {text-align: left;
         margin: 0 auto; 
         }
[HTML] pobierz, plaintext

prszakal

14.07.2009, 07:28:24

Pomijając dwukrotne użycie właściwości height kod wygląda na poprawny. Niestety podałeś nam zbyt mało informacji. Powinieneś podać link do strony.

pozdrawiam
prszakal

ones

14.07.2009, 11:10:23

Wiem dokładnie o co mu chodzi aktualnie mam ten sam problem.
Co zrobiłem..
Początek strony:

[HTML] pobierz, plaintext 
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html 
     PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
[HTML] pobierz, plaintext

Pomogło. Reszta to ustawienie np. zamiast margin: 10 0 0 0; - margin: 10 px 0 0 0;

Lub aby nie wywalało błędów:

[HTML] pobierz, plaintext 
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html 
     PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
[HTML] pobierz, plaintext

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.