Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][CSS] Problem z DIV'ami w IE
Forum PHP.pl > Forum > Przedszkole
janekpogwad
Witam!
Mam taki problem z divami, że w FF wszystko mi idzie dobrze, lecz w IE nie.
Mam 3 divy, które chcę, żeby były jednakowej szerokości. I te 3 divy mają być w 1 divie:

index.php
Kod
<div id="main">
           <center><div style="overflow:hidden" id="container">
           <div style="float:left" id="menu_news">
           <?php include ('menu_news.php'); ?>
               </div>
              
               <div style="float:left" id="menu_download">
           <?php include ('menu_download.php'); ?>
               </div>
              
               <div style="float:right" id="menu_blog">
           <?php include ('menu_blog.php'); ?>
              
               </div></center>
               </div>


Style CSS wyglądają następująco:

style.css
Kod
#main {margin-left:177px;border:1px solid;padding:5px;}
       #menu_news {border:1px dotted;padding:5px;width:33%;}
       #menu_download {border:1px dotted;padding:5px;width:29.6%;}
       #menu_blog {border:1px dotted;padding:5px;width:33%;}


Cóż mam w takiej sytuacji zrobić, żeby działało i na FF i na IE? sciana.gif

A drugą sprawą jest, jak ustawić, żeby w FF i IE szerokość wynosiła 1024px? Napisałem coś takiego w css:

Kod
width:1024px


Ale to działa tylko w FF. W IE już jest szerokość całego ekranu, a nie 1024px.

Pozdrawiam
webasek
Może usuń %? Bo IE nie bardzo to interperetuje po prostu pisz w px wszystko
tomsi
http://www.ucho24.info/porady/szablon.php
JoShiMa
IE inaczej niż FF traktuje border. W jednym on się dodaje do szerokości i divy się nie mieszczą i innym się nie dodaje (jest jakby wewnątrz) i wtedy border nie ma wpływu na szerokość ostateczną. Musisz to uwzględnić.
hateman
Jeden div był nie zamknięty i trzeba zlikwidować float

  1. <div id="main">
  2.           <center><div style="overflo:hidden" id="container">
  3.           <div style="floa:left" id="menu_news">
  4.           <?php include ('menu_news.php'); ?>
  5.               </div>
  6.              
  7.               <div style="floa:left" id="menu_download">
  8.           <?php include ('menu_download.php'); ?>
  9.               </div>
  10.              
  11.               <div style="floa:right" id="menu_blog">
  12.           <?php include ('menu_blog.php'); ?>
  13. </div>
  14. <div style="clear:both;"></div>              
  15.  
  16.  
  17.               </div></center>
  18.  
  19.               </div>
janekpogwad
Dziękuję, temat do zamknięcia smile.gif
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.