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!

■

HTML, CSS, JavaScript, Ajax

csirip

kód

Anonymous · 2006. Nov. 28. (K), 17.08

kéne html és css részlet

A hozzászóláshoz regisztráció és belépés szükséges
új téma

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>

<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?

A hozzászóláshoz regisztráció és belépés szükséges
új téma

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>

A hozzászóláshoz regisztráció és belépés szükséges
új téma

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.

A hozzászóláshoz regisztráció és belépés szükséges
új téma

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...

A hozzászóláshoz regisztráció és belépés szükséges
új téma

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

A hozzászóláshoz regisztráció és belépés szükséges
új téma

IE dupla margó :)

EL Tebe · 2006. Nov. 29. (Sze), 11.27

A display:inline; a te barátod ;)

A hozzászóláshoz regisztráció és belépés szükséges
új téma

Weblabor

Keresés