✔ 2 DIVs nebeneinander in einem Variablen DIV..

Status
Nicht offen für weitere Antworten.
Wenn das Element in der Breite und Höhe skalierbar sein soll, bist du mit den absoluten Angaben aber völlig auf dem Holzweg, denn dann wären relative Angaben die erste Wahl.

mfg Maik
 
Also so geht das ganze schonmal:

Code: 
<div style="width:300px; height:500px; background-color:#FFFF00; padding:0px; position:absolute;">
<div> TEST </div>

<div style="width:100px; float:left; background-color:#00CCFF"> MENU </div>
<div style="background-color:#006666; margin-left:110px; height:100%; position:relative;">weiterer inhalt</div>

</div>

Allerdings nur im IE und solange ich
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
weglasse...

gab es sowas denn bislang noch nicht? ^^
 
Soll die rechte Spalte nun bei zunehmenden Inhalt mitwachsen, oder darin der Inhalt scrollfähig sein?

mfg Maik
 
String hat gesagt.:
Nichts.. ich bekomms einfach nicht hin..aber danke für die Hilfe..
Zum Vergrößern anklicken....
Bei mir hat es auf Anhieb funktioniert:

Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
  "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<meta name="author" content="Maik">
<title>tutorials.de | demo_String</title>

<style type="text/css">
<!--
div#wrapper {
position:relative;
width:300px;
height:500px;
background-color:#FFFF00;
padding:5px;
}

div#test {
height:20px;
}

div#menu {
position:absolute;
top:25px;
left:5px;
width:100px;
background-color:#00CCFF;
}

div#content {
position:absolute;
top:25px;
right:5px;
bottom:5px;
left:110px;
overflow:auto;
background-color:#006666;
}
-->
</style>

</head>
<body>

<div id="wrapper">
     <div id="test"> TEST </div>

     <div id="menu"> MENU </div>
     <div id="content">
          <p>weiterer inhalt</p>
          <p>weiterer inhalt</p>
          <p>weiterer inhalt</p>
          <p>weiterer inhalt</p>
          <p>weiterer inhalt</p>
          <p>weiterer inhalt</p>
          <p>weiterer inhalt</p>
          <p>weiterer inhalt</p>
          <p>weiterer inhalt</p>
          <p>weiterer inhalt</p>
          <p>weiterer inhalt</p>
          <p>weiterer inhalt</p>
          <p>weiterer inhalt</p>
          <p>weiterer inhalt</p>
          <p>weiterer inhalt</p>
          <p>weiterer inhalt</p>
          <p>weiterer inhalt</p>
          <p>weiterer inhalt</p>
          <p>weiterer inhalt</p>
          <p>weiterer inhalt</p>
          <p>weiterer inhalt</p>
          <p>weiterer inhalt</p>
          <p>weiterer inhalt</p>
          <p>weiterer inhalt</p>
          <p>weiterer inhalt</p>
     </div>
</div>

</body>
</html>
Wie sich das Konzept für den IE6 "optimieren" lässt, kannst du im erwähnten Tutorial nachlesen.

mfg Maik
 
String hat gesagt.:
Also so geht das ganze schonmal:

Code: 
<div style="width:300px; height:500px; background-color:#FFFF00; padding:0px; position:absolute;">
<div> TEST </div>

<div style="width:100px; float:left; background-color:#00CCFF"> MENU </div>
<div style="background-color:#006666; margin-left:110px; height:100%; position:relative;">weiterer inhalt</div>

</div>

Allerdings nur im IE und solange ich
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
weglasse...

gab es sowas denn bislang noch nicht? ^^
Zum Vergrößern anklicken....

Du kannst auch einfach so schreiben:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="de">
.....

wenn du es so machst, dann t es auch im IE :)
 
Olschewski4u hat gesagt.:
Du kannst auch einfach so schreiben:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="de">
Zum Vergrößern anklicken....
Ich kann da mit dem zusätzlichen lang-Attribut keinen Unterschied im IE ausmachen - außerdem soll es ja nicht nur im IE funktionieren.

mfg Maik
 
Maik hat gesagt.:
Ich kann da mit dem zusätzlichen lang-Attribut keinen Unterschied im IE ausmachen - außerdem soll es ja nicht nur im IE funktionieren.

mfg Maik
Zum Vergrößern anklicken....

ich hab des bei meiner website auch mal gemacht, und alles hat funktioniert...meine alte homepage ging früher nur in MF und durch dieses lang-Attribut geht es jetzt auch in IE
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück