• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

div, float

S

slosd

Guest
Ich hab zwei Divlayer übereinander (einer ist etwas größer). Daneben ist noch ein Layer mit dem Inhalt. Jetzt nehme ich noch position:absolute um den InhaltLayer daneben zu platzieren aber ich bin draufgekommen, dass sich bei Firefox die Divs überschneiden. Also wollte ich mit float:left den InhaltLayer ohne pixelgenau die Position anzugeben. Der Inhaltlayer wird aber trotzdem darunter dargestellt. Funzt float nur bei text oder hab ich was falsch gemacht ???
Das ist die betroffene Seite (mit position:absolute ausgerichtet)
 
Ehm, was man beim Gebrauch von float immer beachten muss, dass die Breite des Elements definiert sein sollte.
 
dkdenz schrieb:
Zeig mal, was Du schon mit dem float gemacht hast.
http://forum.jswelt.de/showthread.php?t=26808
Kann man sich so jetzt nicht wirklich vorstellen.
Zum Vergrößern anklicken....

HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html> 
<head> 
<title>Herr der Ringe ... Tolkien ... Mittelerde</title> 
</head> 
<body>

  <div style="filter: Glow(color=#97562B, strength=10); width: 193; height: 151; border: 5pt ridge #97562B">
  <p style="margin-top: 5; margin-bottom: 5" align="center">
<-- Inhalt -->
</p>
       </div>

       <div id="mdivl"  align="center" style="width: 142; height: 330; border-left: 5pt ridge #97562B; border-right: 5pt ridge #97562B; border-bottom: 5pt ridge #97562B; padding: 5pt;background-image:url(mouse\m_bg.png);margin-left:25">

      <--Inhalt-->
<div id="haupt" style="background-color:#000000;position: absolute; top:0; left:200; width:818; height:573;overflow:auto;float:right">
<--PHP mit Include-->
</div>

</div>

</body> 
</html>

So hätte ich mir gedacht.
 
Ich habe mal ein bisschen drin rumgepfuscht.
Vielleicht kannst Du damit ja ansatzweise was anfangen.
Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
<head> 
<title>Herr der Ringe ... Tolkien ... Mittelerde</title> 
</head> 
<body><div style="width:200px;float:left;">
<div style="filter: Glow(color=#97562B, strength=10); width: 193px; height: 151px; border: 5pt ridge #97562B;">  
<p style="margin-top: 5px; margin-bottom: 5px" align="center"> <-- Inhalt --> </p>  
</div>
  
<div id="mdivl" align="center" style="width: 142px; height: 330px; border-left: 5pt ridge #97562B; border-right: 5pt ridge #97562B; border-bottom: 5pt ridge #97562B; padding: 5pt;background-image:url(mouse\m_bg.png);margin-left:25px;">  <--Inhalt--></div>
</div>
   
<div id="haupt" style="background-color:#000000;width:700px; height:573px;overflow:auto;float:right;"> <--PHP mit Include--> 
</div> 

</body> 
</html>
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben