Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> środkowanie elementu div
john_doe
post 12.07.2009, 16:01:05
Post #1





Grupa: Zarejestrowani
Postów: 873
Pomógł: 25
Dołączył: 24.07.2005

Ostrzeżenie: (0%)
-----

Witam,


napisałem takie proste coś 

[HTML] pobierz, plaintext 
  1. #header {
  2.   width: 700px;
  3.   height: 100px;
  4.   margin: 0 auto;
  5.   background-color: #00ccff;
  6.   height: 150px;
  7.   text-align: center;
  8.   border: 1px solid red;
  9.  
  10. }
[HTML] pobierz, plaintext


w Firefoxie jest na środku i jest OK, natomiast w IE oczywiście lipa.
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 7)
Gryf
post 12.07.2009, 21:16:46
Post #2





Grupa: Zarejestrowani
Postów: 170
Pomógł: 40
Dołączył: 14.08.2008
Skąd: Katowice

Ostrzeżenie: (0%)
-----

dodaj do
Kod
html, body {
text-align: center;
}
Go to the top of the page
+Quote Post
Spawnm
post 12.07.2009, 21:18:50
Post #3





Grupa: Moderatorzy
Postów: 4 069
Pomógł: 497
Dołączył: 11.05.2007
Skąd: Warszawa




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


Masz 2 height , choć to powodem pewnie nie jest...
Go to the top of the page
+Quote Post
Poker
post 12.07.2009, 22:23:33
Post #4





Grupa: Zarejestrowani
Postów: 205
Pomógł: 3
Dołączył: 20.04.2009
Skąd: Jaworzno

Ostrzeżenie: (0%)
-----

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">


--------------------
:) na miliony przyjdzie czas...
Go to the top of the page
+Quote Post
Kildyt
post 12.07.2009, 22:41:25
Post #5





Grupa: Zarejestrowani
Postów: 869
Pomógł: 53
Dołączył: 20.10.2003
Skąd: Przeworsk

Ostrzeżenie: (0%)
-----

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 smile.gif ).


--------------------
Portfolio - Webdeveloper
Go to the top of the page
+Quote Post
cheschire_kotek
post 12.07.2009, 22:48:10
Post #6





Grupa: Zarejestrowani
Postów: 29
Pomógł: 0
Dołączył: 27.06.2009

Ostrzeżenie: (0%)
-----

do tego co gryf napisał dodąłbym 
[HTML] pobierz, plaintext 
  1. #top {text-align: left;
  2.          margin: 0 auto; 
  3.          }
[HTML] pobierz, plaintext


Ten post edytował cheschire_kotek 12.07.2009, 22:48:53
Go to the top of the page
+Quote Post
prszakal
post 14.07.2009, 07:28:24
Post #7





Grupa: Zarejestrowani
Postów: 10
Pomógł: 0
Dołączył: 24.03.2008

Ostrzeżenie: (0%)
-----

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
Go to the top of the page
+Quote Post
ones
post 14.07.2009, 11:10:23
Post #8





Grupa: Zarejestrowani
Postów: 51
Pomógł: 0
Dołączył: 13.07.2009

Ostrzeżenie: (0%)
-----

Wiem dokładnie o co mu chodzi aktualnie mam ten sam problem.
Co zrobiłem..
Początek strony:
[HTML] pobierz, plaintext 
  1. <?xml version="1.0" encoding="UTF-8"?>
  2. <!DOCTYPE html 
  3.      PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  4.     "DTD/xhtml1-strict.dtd">
  5. <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 
  1. <?xml version="1.0" encoding="UTF-8"?>
  2. <!DOCTYPE html 
  3.      PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  4.     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  5. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
[HTML] pobierz, plaintext


--------------------
Wyszukiwarka mp3
Go to the top of the page
+Quote Post
« Następny starszy · CSS · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Przełącz na: Standardowy · Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Wersja Lo-Fi Aktualny czas: 19.07.2025 - 09:35
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn