✔ Box-Breite und der IE

Status
Nicht offen für weitere Antworten.
Dann schau dir mal das hier an:

Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="de">
<head>
<title>CSS</title>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
<meta http-equiv="Content-Style-Type"/>
<style type="text/css">
<!--
html,body {
margin: 0;
padding: 0;
background: #ffffff;
}

.backbox {
border: 5px solid green;
margin-left: 15px;
background: #ffffff;
padding: 0px 0px 15px 0px;
width: 950px;
height: 820px;
border-top: 15px solid #green;
border-right: 15px solid #green;
}

#stripline {
width: 99%;
border: 2px solid black;
/*position:absolute;top:0px;left:7px;*/ /* auskommentiert = deaktiviert */
padding:124px 0 2px 0;
margin:0;
background:transparent;
border-bottom:1px solid #0084A5;
}

#stripline p{
padding:4px;
margin:0;
background:#e72c50;
border-top:1px solid #0084A5;
border-bottom:1px solid #0084A5;
}
--> /* hat gefehlt */
</style>
</head>
<body>

<div class="backbox">

<div id="stripline">
<p style="height: 1px"><img src="Bilder/pixel_rot.jpg"></p>
</div>

</div>
</body>
</html>
 
Morgen Maik :)

Lieben Dank für deine Bemühungen.

Funktioniert das mit der Anpassung so bei dir im IE und Firefox ?

Bei mir tut's dies so nicht. Auch nicht mehr im Firefox & Co.

Hatte auch schon gedacht, dass es vielleicht am Position liegen könnte, aber wenn ich das rausnehme und die fehlenden Sachen ergänze, tut sich leider gar nix (hab IE 6.0). Selbst im Firefox passt sich die Linie dann nicht mehr dem Fenster an.

Viele Grüße
Cosma
 
Hi,

ich weiss ja nicht, was du nun konkret vorhast, aber wenn sich das DIV #stripline über die gesamte Fensterbreite erstrecken soll, dann musst du auch die derzeitige Breite für das Parent-DIV .backbox (= 950px) entsprechend festlegen, also entweder width:100%, oder keine Breitenangabe definieren, was bei Blockelementen width:100% gleichkommt, sofern diese nicht absolut positioniert sind.

In meinem gestrigen Beispiel erstreckt sich das DIV #stripline bei mir in beiden Browsern über die gleiche Breite innerhalb vom DIV .backbox.
 
Oh NEEEEIIIINNNNNNNNN ...

Ich könnte mich echt grad selbst Ohrfeigen :suspekt:

Lieben Dank Maik - ich hab quasi den Wald vor lauter Bäumen nicht gesehen. Der Fehler lag an dem Parent-DIV.

Hat im Firefox und Opera auch so funktioniert - da hab ich gar nicht dran gedacht, an diese Struktur Parent und Child usw. (war mir bei CSS noch nicht so bewusst gewesen - ich dachte das position:absolute würde ausreichen).

Das Wichtige war auch das margin: 0; padding: 0; im body-Bereich.

So sollte es im IE aussehen:

***************************************
Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="de">
<head>
<title>CSS</title>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
<meta http-equiv="Content-Style-Type"/>
<style>
<!--
body {
margin: 0;
padding: 0;
background: #ffffff;
}

.backbox {
border: 5px solid green;
margin-left: 15px;
background: #ffffff;
padding: 0px 0px 15px 0px;
width: 950px;
height: 820px;
border-top: 15px solid #green;
border-right: 15px solid #green;
}

#stripline {
width: 99%;
border: 2px solid black;
position:absolute;top:0px;left:7px;
padding:124px 0 2px 0;
margin:0;
background:transparent;
border-bottom:1px solid #0084A5;
}

#stripline p{
padding:4px;
margin:0;
background:#e72c50;
border-top:1px solid #0084A5;
border-bottom:1px solid #0084A5;
}
-->
</style>
</head>
<body>

<div id="stripline"> ----------------------> /* NICHT in der backbox*/
    		<p style="height: 1px"><img src="Bilder/pixel_rot.jpg"></p>
</div>

<div class="backbox">
</div>

</body>
</html>
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück