iwasherefirst: zwei verschachtelte DIV boxen und ein Problem

Beitrag lesen

SELF-Forum

zwei verschachtelte DIV boxen und ein Problem

iwasherefirst
– Informationen zu den Bewertungsregeln

Hallo,

mein Problem ist, ich möchte zwei Div Boxen verschachteln. Dabei soll die äußere Div Box transparent sein, und die innere eine Farbe haben und einen Rand (solid). Ich hab das mir so gedacht wie im folgenden Code.
Allerdings verschiebt sich der untere Rand von der inneren Div Box - je nachdem mit welchem Zoom Level ich von Chrome, Firefox oder IE die Seite betrachte - wie im Bild zu sehen ist:

Wenn ich die Seite mit Zoom 100% angucke, dann ist alles richtig, aber sobald ich raus oder rein zoome, verschiebt sich die bottom line.

Kann man das irgendwie verhindern?

Hier der Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"  
       "http://www.w3.org/TR/html4/strict.dtd">  
<html>  
<head>  
<title>Bloede Linie</title>  
  
<style type="text/css">  
  
.draussen{  
	background:#73adf1;  
	margin-top:16px;  
	height:26px;  
}  
  
.drinnen{  
	background-color:transparent;  
	  
	float:left;  
	  
	width:200px;  
	  
	border-top-width:1px;  
	border-bottom-width:1px;  
	border-left-width:0px;  
	border-right-width:0px;  
	border-color:#d6d6d6;  
	border-style:solid;  
	  
	height:24px;  
  
}  
  
  
</style>  
  
</head>  
<body  >  
				<div class='draussen'  >  
                        <div class='drinnen'>  
                        </div>  
                   </div>  
			  
  
</body>  
  
</html>

Vielen Dank für jede Hilfe!

Viele Grüße,
Adam

Beitrag melden
–
Informationen zu den Bewertungsregeln