Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [css] nie mogę wycentrować diva pod ie
Arek00
post
Post #1





Grupa: Zarejestrowani
Postów: 177
Pomógł: 0
Dołączył: 8.11.2005

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

banalny przykład: jeden div. pod ff wyświetla się prawidłowo na środku strony a pod ie po lewo... działająca strona: http://wmd6.ovh.org/test/

kod strony:
[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. <meta http-equiv="Content-Type" content="text/html;CHARSET=utf-8">
  4. <link href="stylesheet.css" rel="stylesheet" type="text/css">
  5. </head>
  6.  
  7. <body>
  8.  
  9. <div class="main">
  10.      test asdf asdf
  11. </div>
  12.  
  13. </body>
  14. </html>
[HTML] pobierz, plaintext


css:
Kod
body {
     background-color: #6B9FD0;
     color: #ffffff;
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size: 10px;
}
.main {
     margin: auto;
     width: 825px;
     background: #476B8D;
     padding: 10px;
     font-size: 15px;
}


jak to poprawić?
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 6)
mike
post
Post #2





Grupa: Przyjaciele php.pl
Postów: 7 494
Pomógł: 302
Dołączył: 31.03.2004

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

Pod IE musisz dodać:
Kod
body {
    text-align: center;
}

.main {
    text-align: left; /* "dla naprawienia", żeby nie centrować tekstu */
}


Ten post edytował mike 28.02.2009, 15:02:45
Go to the top of the page
+Quote Post
kamil4u
post
Post #3





Grupa: Zarejestrowani
Postów: 2 350
Pomógł: 512
Dołączył: 4.01.2009
Skąd: Wrocław / Świdnica

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

Albo (IMO lepszy sposób) dodaj Doctype(strict) smile.gif


--------------------
>>> iPage.pl - JS, HTML5, CSS3, Android - moja oferta
>>> myPrzepis.pl - blog kulinarny
Go to the top of the page
+Quote Post
mike
post
Post #4





Grupa: Przyjaciele php.pl
Postów: 7 494
Pomógł: 302
Dołączył: 31.03.2004

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

Cytat(kamil4u @ 28.02.2009, 15:12:18 ) *
Albo (IMO lepszy sposób) dodaj Doctype(strict) smile.gif
Dobry sposób na to by ... nic się nie zmieniło tongue.gif
Go to the top of the page
+Quote Post
kamil4u
post
Post #5





Grupa: Zarejestrowani
Postów: 2 350
Pomógł: 512
Dołączył: 4.01.2009
Skąd: Wrocław / Świdnica

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

Dlaczego negujesz moje rozwiązanie? Nie rozumiem o co Ci chodzi, może byś tak sprawdził moje rozwiązanie jak o nim nie słyszałeś, a nie od razu piszesz "nic się nie zmieni". Następnym razem z łaski swojej sprawdzaj cudze rozwiązania, zanim od razu będziesz pisał bzdury(ładnie proszę smile.gif ).

Żeby nie było:
- http://www.quirksmode.org/css/quirksmode.html --> patrz: margin and width: auto --> In IE Windows this only works in strict mode.
- http://forum.pcformat.pl/thread-113308-pos....html#pid841690 <-- przykład z forum, że działa

Pozdrawiam

Ten post edytował kamil4u 28.02.2009, 16:14:05


--------------------
>>> iPage.pl - JS, HTML5, CSS3, Android - moja oferta
>>> myPrzepis.pl - blog kulinarny
Go to the top of the page
+Quote Post
mike
post
Post #6





Grupa: Przyjaciele php.pl
Postów: 7 494
Pomógł: 302
Dołączył: 31.03.2004

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

Cytat(kamil4u @ 28.02.2009, 16:02:17 ) *
Dlaczego negujesz moje rozwiązanie?
Dlatego:
Kod
<?xml version="1.0" encoding="utf-8"?>
<!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">
    <head>
        <title>TestPage</title>
        <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" />

        <style type="text/css">
            <!--
            body { background-color: #f00; }

            #wrapper {
                margin: auto;
                width: 100px;
                height: 100px;
                background-color: #00f;
            }
            -->
        </style>
    </head>
    <body>
        <div id="wrapper"></div>
    </body>
</html>
Internet Explorer 6.0 nie centruje bloku #wrapper a to jest poprawna deklaracja dokumentu XHTML.

Zadziała tylko pod warunkiem, że usuniesz:
Kod
<?xml version="1.0" encoding="utf-8"?>

Co oznacza, że obaj mieliśmy rację z czego ja idę z duchem postępu, Ty nie tongue.gif Więc zanim zaczniesz pisać cokolwiek o bzdurach doczytaj sobie tongue.gif

Ten post edytował mike 28.02.2009, 16:39:14
Go to the top of the page
+Quote Post
kamil4u
post
Post #7





Grupa: Zarejestrowani
Postów: 2 350
Pomógł: 512
Dołączył: 4.01.2009
Skąd: Wrocław / Świdnica

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

Jakby nie patrzeć autor tematu pisał w HTML, a nie w XHTML i gdy doda Doctype div zostanie wyśrodkowany - więc nie wiem dlaczego się nie zgadzałeś.

Cytat
Co oznacza, że obaj mieliśmy racj

Wcześniej się ze mną nie zgodziłeś smile.gif
Cytat
rację z czego ja idę z duchem postępu, Ty nie

Wycofali HTML? To, że coś jest nowsze nie znaczy, że trzeba z tego korzystać - ja używam HTML i jakoś nigdy mi to nie przeszkodziło w zrobieniu strony smile.gif - każdy z nas ma wybór z czego korzystać, a z czego nie tongue.gif
Cytat
Więc zanim zaczniesz pisać cokolwiek o bzdurach doczytaj sobie

To Ty zaprzeczyłeś, że moje rozwiązanie zadziała - a dodając DTD ..... - nic co napisałem nie było nieprawdą (przynajmniej w tym temacie tongue.gif)

Dobrze, że w końcu doszliśmy do jakiegoś porozumienia smile.gif

Pozdrawiam


--------------------
>>> iPage.pl - JS, HTML5, CSS3, Android - moja oferta
>>> myPrzepis.pl - blog kulinarny
Go to the top of the page
+Quote Post
« Następny starszy · Po stronie przeglądarki · 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 Aktualny czas: 20.08.2025 - 19:55
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn