lillcube: Abstand zwischen zwei Div-containern in verschiedenen browsern

Beitrag lesen

SELF-Forum

Abstand zwischen zwei Div-containern in verschiedenen browsern

lillcube
– Informationen zu den Bewertungsregeln

Also, der quelltext sieht folgendermaßen aus:

  
  
<html>  
  
<head>  
<link rel="stylesheet" type="text/css" href="test2.css">  
  
</head>  
  
<body>  
<center>  
  
<br>  
<br>  
<br>  
<br>  
  
<div id="all">  
  
 <div id="links">  
   <div id="linksinnen1">  
   <a href=#>Home</a><br>  
   <a href=#>link1</a><br>  
   <a href=#>link2</a><br>  
  </div>  
 </div>  
  
  
 <div id=haupt>  
  <div id="innen">  
   <h1>Lorem ipsum</h1>  
   Lorem ipsum dolor sit amet.  
  </div>  
 </div>  
  
</div>  
  
</center>  
</body>  
  
</html>

Dazu gehört das stylesheet (hier mit kindelementen)

  
 body  
  {  
   background-color:black;  
   margin:0px;  
   padding:0px;  
  }  
  
  #all  
  {  
  width:739px;  
  height:400px;  
  background-color:none;  
  overflow:auto;  
  margin:0px;  
  padding:0px;  
  }  
  
  
  #haupt  
  {  
   width:539px;  
   height:400px;  
   overflow:auto;  
   background-color:none;  
   position:relative;  
   background-image:url(bg3.jpg);  
   margin:0px;  
   padding:0px;  
  }  
  
    #innen  
  {  
   width:420px;  
   height:300px;  
   overflow:auto;  
   background-color:none;  
   position:absolute;  
   left:65px;  
   top:50px;  
   text-align:left;  
   margin:0px;  
   padding:0px;  
  }  
  
  #links  
  {  
   width:200px;  
   height:400px;  
   float:left;  
   position:relative;  
   background-image:url(left.jpg);  
   margin:0px;  
   padding:0px;  
  }  
  
    #linksinnen1  
  {  
   position:absolute;  
   left:52px;  
   top:50px;  
   width:70px;  
   height:150px;  
   margin:0px;  
   padding:0px;  
  }  
  
 div a  
  {  
   text-decoration:none;  
   font-size:20px;  
   color:black;  
   margin:0px;  
   padding:0px;  
  }

In der zwischenzeit habe ich übrigens festgestellt, dass man einfach nur die Bilder, die ich hier als background-images in den div-containern benutze, auch einfach mit <img src=url> nebeneinander stellen kann und dann nur den text einfach positionieren. Das hat aber den unschönen Nebenefekt, wenn man aber die Bilder ausschaltet, sieht man gar nüscht, weil sowohl text als auch hintergrund schwarz sind. außerdem finde ich die Lösung ein wenig unprofesionel ^^.

Danke für deine Hilfe!
Cube

Beitrag melden
–
Informationen zu den Bewertungsregeln