[HTML][CSS] wyrównanie divów w pionie Opcje

[@rtur]

mam taki layout oparty na divach i w firefoxie 3 i w operze efekt wyrównania długości divów right i left (Faux Columns) działa, a w ie7 nie chce, co zrobic aby ten layout wygladal tak samo w IE również.

[HTML] pobierz, plaintext 
<div id='page'>
  <div id='top'></div>  
  <div id='wraper'>
    <div id='right'></div>
    <div id='left'></div>
    <br style='clear: both;' />
  </div>
    <div id='stopka'></div>
</div>
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
#page{
  width: 860px;
  margin: 0px auto;
  padding: 0px;
}
#top{
  background: url(img/head.jpg);
  width: 860px;
  height:271px;
}
#left{
  width: 196px;
  float: left;
  background: #e0dcbf;
  padding: 2px;
}
#right{
  float: right;
  width: 600px;
  padding: 10px; 
  background: white;
}
#wraper{
  background: url(img/wrapbg.png) repeat-y;
  margin-left: 20px;
  margin-right: 20px;
} 
 
#stopka{
  background: url(img/stopka.jpg);
  margin-left: 20px;
  margin-right: 20px;
  height: 40px;
  width: 820px;
  clear: both;
}
[HTML] pobierz, plaintext 

[PawelC]

Dla IE musisz robić tak:

[HTML] pobierz, plaintext 
*width:100px;
[HTML] pobierz, plaintext 

Z tą gwiazdą, a dla FF bez tej gwiazdki.
Np.:

[HTML] pobierz, plaintext 
.klasa{
width:100px; //dla FF
*width:80px; //dla IE
}
[HTML] pobierz, plaintext 

Aha i szerokość np 200px nie wygląda tak samo pod IE i FF, dlatego musisz podawać w IE mniejsze wartości niż dla FF. Tak samo jest z padding, margin etc..

Ten post edytował ExPlOiT 1.04.2009, 10:23:52

[@rtur]

Nic to nie dało dodałem wszedzie gdzie mam atrybut width kolejny *width i nic

Aha i szerokość np 200px nie wygląda tak samo pod IE i FF, dlatego musisz podawać w IE mniejsze wartości niż dla FF.

A o tym nie wiedziałem, o ile mniejsze podawac dla IE?

acha a ja podawałem

Kod

#page{
  *width: 860px;
  width: 860px;
  margin: 0px auto;
  padding: 0px;
}

czy kolejnosc ma tu znaczenie?

Ten post edytował @rtur 1.04.2009, 10:31:58

[PawelC]

To zależy, sam musisz sprawdzać na bieżąco.

Nic to nie dało dodałem wszedzie gdzie mam atrybut width kolejny *width i nic

Z tą szerokością width to był tylko przykład.

I robisz to tak:

[HTML] pobierz, plaintext 
width:200px;
*width:180px;
[HTML] pobierz, plaintext 

A nie np:

[HTML] pobierz, plaintext 
width:200px;
height:50px;
*width:180px;
[HTML] pobierz, plaintext 

Bo to nie zadziała!


# to źle podawałeś, pisałem dla IE mniejsze wartości się podaje.

Ten post edytował ExPlOiT 1.04.2009, 10:32:55

[mls]

# to źle podawałeś, pisałem dla IE mniejsze wartości się podaje.

Polecam poczytać o czymś takim jak box model i o jego zachowaniu w IE. Wystarczy odpowiednie doctype i brak prologu xml aby IE zaczął prawidłowo odtwarzać box model, tak jak inne przeglądarki.

--
Zostałem ostatnio zjechany tu na forum własnie za nieznajomość tematu box model, dlatego sobie poczytałem i teraz będę pouczał