Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> wtf? (Firefox stosuje się do auto margin a IE 7 nie?)
Asmox
post
Post #1





Grupa: Zarejestrowani
Postów: 359
Pomógł: 12
Dołączył: 16.01.2009

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

Chciałbym na stronie zrobić układ stały dwukolumnowy. Jak zwykle w takiej sytuacji stosuje się auto-marginesy w CSS, aby ładnie wyśrodkować całą witrynę. Niestety nie wiem dlaczego, ale przy testach Firefox stosuje się do reguły CSS div#main_wrapper {margin: auto} a Internet Explorer (uwaga: wersja 7 nie 6) to olewa.
Sprawdziłem w internecie. Może trzeba stosować jakieś hacki? Nie, na stronie o centrowaniu elementów w CSS pisze, że tak jest dobrze i w IE też, zresztą jest tam dodatkowy przykład który sprawdziłem w IE i działa. Nie wiem co jest u mnie. Jak ktoś potrzebuje to wklejam kod:
Kod
div#main_wrapper {
    margin: auto;
    width: 1000px;
}

Jak już mówiłem to działa w FF a w IE nie chce. Dlaczego tak jest?
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
Asmox
post
Post #2





Grupa: Zarejestrowani
Postów: 359
Pomógł: 12
Dołączył: 16.01.2009

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

oczywiście (IMG:http://forum.php.pl/style_emoticons/default/biggrin.gif) 
[HTML] pobierz, plaintext 
  1. <?xml version="1.0" encoding="utf-8" ?>
  2. <?xml-stylesheet href="design/text_n_colors.css" type="text/css" ?>
  3. <?xml-stylesheet href="design/2_col_style.css" type="text/css" ?>
  4. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
  5. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl">
  6. <head>
  7.   <link rel="Stylesheet" href="design/text_n_colors.css" type="text/css" />
  8.   <link rel="Stylesheet" href="design/2_col_style" type="text/css" />
  9.  
  10.   <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" />
  11.   <meta name="description" content="Wszystko co chcesz wiedzieć o FlyFFie" />
  12.   <meta name="keywords" content="Flyff, FlyFF, Fly For Fun" />
  13.   <title>Tytuł strony</title>
  14.  
  15. </head>
  16. <body>
  17. <div id="main_wrapper">
  18. <div id="lcolumn">
  19. <div id="menu">
  20.   <div class="section">
  21.     <div class="title"><div class="title_in">Sekcja 1</div></div>
  22.     <div class="body"><div class="body_in">Linki 1</div></div>
  23.   </div>
  24.   <div class="section">
  25.  
  26.     <div class="title"><div class="title_in">Sekcja 2</div></div>
  27.     <div class="body"><div class="body_in">Linki 2</div></div>
  28.   </div>
  29. </div>
  30. </div>
  31.  
  32. <div id="ccolumn"><div id="content">
  33. <p>Witam na stronie głównej!</p>
  34. </div></div>
  35. </div>
  36. </body>
  37.  
  38. </html>
[HTML] pobierz, plaintext

Kod jest generowany w pewnym sensie automatycznie (nagłówek, stopka i menu będą identyczne dla każdej strony więc są includowane)
a teraz cały CSS:
1. Odpowiedzialny za tekst i kolory:
Kod
* {
    margin: 0;
    padding: 0;
}
/* Zerowanie wszystkich marginesów i dopełnień */
body {
    background: url(bg.png) repeat fixed;
}

2. Odpowiedzialny za kolumny + menu
Kod
div#main_wrapper {
    margin: auto;
    width: 1000px;
}

div#lcolumn {
    width: 20%;
    float: left;
}
div#lcolumn div#menu div.section {
    margin: 5px 5px 5px 0px;
}
div#lcolumn div#menu div.section div.title {
    padding: 3px;
    background-color: #797979;
    border: 2px solid #ff8c00;
}
div#lcolumn div#menu div.section div.body {
    padding: 3px;
    background-color: #707070;
    border: 2px solid #ff8c00;
    border-top: none;
}




div#ccolumn {
    width: 80%;
    float: left;
    margin: 5px 0px 5px 0px;
}
div#ccolumn div#content {
    padding: 3px;
    border: 2px solid #ff8c00;
    background-color: #f6ffac;
}
Go to the top of the page
+Quote Post

Posty w temacie
- Asmox   wtf? (Firefox stosuje się do auto margin a IE 7 nie?)   24.06.2009, 20:44:45
- - wookieb   Bug ie. Tyczy się to wersji <=7. Na stroni...   24.06.2009, 20:48:02
- - l0ud   Daj przykładowy, cały kod w którym masz problem. O...   24.06.2009, 21:01:32
- - Asmox   oczywiście [HTML] pobierz, plaintext <?xml ver...   24.06.2009, 22:13:16
- - erix   [HTML] pobierz, plaintext <?xml-stylesheet href...   24.06.2009, 22:19:47
|- - Asmox   Cytat(erix @ 24.06.2009, 23:19:47 ) [...   25.06.2009, 06:41:45
- - l0ud   "Zapomniałeś" o doctype przykrywając go...   25.06.2009, 09:29:30
- - Asmox   A jednak większość stron jest pisan...   25.06.2009, 10:24:00
- - erix   CytatA jednak większość stron jest pisana w XHTML ...   25.06.2009, 13:37:31

« Następny starszy · CSS · Następny nowszy »
 

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

 

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

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

RSS Aktualny czas: 5.10.2025 - 10:26
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn