ugrás a tartalomhoz

IE-ben nem érnek össze az egymás melletti div-jeim

pacshu · 2006. Nov. 28. (K), 15.52
Sziasztok!

Az lenn a problémám, hogy van egy xHTML kodom,
és máskép jelenik meg IE alatt mint FireFox-ban.

Két DIV-et szeretnék egymás mellett tudni

IE-ben a DIV-eket tényleg egymás mellé teszi, és hagy is benne 1 kis csikot(nem ér össze, amit nem tudom miért)...

A képet a Képfeltöltés.hu tárolja. http://www.kepfeltoltes.hu

FireFox-meg mögé teszi, és a benne lévő tartalmat eltolja a fölötte lévő divvel...

A képet a Képfeltöltés.hu tárolja. http://www.kepfeltoltes.hu

Aztán majd még méretezési gondjaim lennének.. valamiféle tutoriált tudtok-e ajánlani?

Ha tudnátok segíteni, nagyon széppen megköszönném!
Üdv. Pacshu!
‹ Strict doctype-nál nincs onsubmit confirm függvény futtatásakor ok nyomására php kód lefuttatása ›
 ■
1

kód

Anonymous · 2006. Nov. 28. (K), 17.08
kéne html és css részlet
5

forráskood

pacshu · 2006. Nov. 28. (K), 17.51
A Kodot már agyon modositgattam, de ez a verzio hasonlit rá a legjobban :|
<html>
<head>
<title></title>
<style>
#box {
  border: solid 1px black;
  background-color: #dedede;
  height:100%;
  float:left;
  position:relative;
  overflow:hidden;  
}

#content2 {
  height:100%;
  float:left;
  position: relative;
  overflow:hidden;  
}

.content_ac_style {    
  height:100%;
  display:block;
  position:relative;
}

#switcher {
  width:20px;  
  height:100%;
  float:left;
  color:#FFFFFF;
  font-family: Verdana;
  font-weight: bold;
  font-size: 8pt;
  cursor: pointer;
  position:relative;
}

.in {
  background-color:#000000;
}

.out {
  background-color:#000000;
}
</style>
</head>
<body>
<div id="box">
  <div id="switcher" class="out" align="center">
    M<br/>A<br/>I<br/>N<br/>M<br/>E<br/>N<br/>U
  </div>
  <div id="content2" >
    <div id="content_ac" style="width:250px" class="content_ac_style">
      <ul>
      <li><h2>Menüpontok</h2>
      <ul>
          <li>Önéletrajz</li>
          <li>Képek</li>
          <li>Jegyzetek</li>
          <li>Dokumentumok</li>
          <li>Linkek</li>
      </ul>
      </li>
      <li><h2>Gyors Linkek</h2>
      <ul>
          <li><a href="http://www.linux.hu">Linux.hu</a></li>
          <li><a href="http://www.w3schools.com">W3Schools.com</a></li>
          <li><a href="http://www.php.net">Php.net</a></li>
          <li><a href="http://www.mysql.com">Mysql.com</a></li>
          <li><a href="http://www.google.com">Google.com</a></li>
      </ul>
      </ul>
    </div>
  </div>
</div>
<div style="width:100%;height:100%;background-color:#00FF00">alma</div>
</body>
</html>
Viszont olyna kérdésem lenne, hogy DOCTYPE mennyire befolyásolja a dolgokat ilyen megjelenítés terén?:P lehet-e az is gond? vagy ezzel tudom a szigorú szabány modokat beállítani?
Amugy miben különbözik? Transitional és Strict?
2

tudok

noocx · 2006. Nov. 28. (K), 17.21
Szia!

Mint elsődleges tutorial: http://www.w3.org/TR/REC-CSS2/
..de hogy ne legyen túl száraz: http://css-discuss.incutio.com/

</noocx>
3

Megint 3px bug

Jano · 2006. Nov. 28. (K), 17.30
Archivum.

A Firefox viselkedése a helyes a masik problémában is: a floatolt elem csak az utána jövő elem tartalmára van hatással.
4

Tema

pacshu · 2006. Nov. 28. (K), 17.45
És hogy lehet rávenni akkor a IE-t a helyes működésre?
Mert igy ebben az esetben nem is nagy gond, deez csak 1 prototipus, de ahol számít az, hogy mennyire van az előző objektum szélétől, akkor IE-ben eltolodik minden...
6

archivum

Jano · 2006. Nov. 28. (K), 17.54
Mar mondtam: archivumban megtalalod. Legutoljára talán 2 napja volt ugyanez a problémája valakinek.

Itt talűlsz további IE hibákról szóló topikokat: http://del.icio.us/weblabor_forum/ie_bug
7

IE dupla margó :)

EL Tebe · 2006. Nov. 29. (Sze), 11.27
A display:inline; a te barátod ;)