IE zeigt Fehler an. Moz nicht. Why?
marco
- browser
0 Stefan Einspender0 marco
0 Christoph Schnauß0 marco
Hallo zusammen.
Hab einfach immer mit der Erstellung eines "runden" Templates Probleme. Schaut euch mal diese Seite an.
http://www.bosch-bug.de/develop/index.html
Dort gibt es unten zwei orange Balken. Der rechte wird meiner Meinung nach im IE nicht richtig dargestellt. Er müßte wie im Mozilla komplett mit der Seite rechts abschließen. Also bei 0 Pixel.
Warum tut er das nicht? Und wie könnte man das lösen?
Hallo,
Warum tut er das nicht? Und wie könnte man das lösen?
bitte erstelle eine Testdatei, die den relevanten Quelltext enthält
oder poste diesen hier. Vermutlich wirst Du so bereits selbst die
Lösung des Problemes finden.
Viele Grüße,
Stefan
bitte erstelle eine Testdatei, die den relevanten Quelltext enthält
oder poste diesen hier. Vermutlich wirst Du so bereits selbst die
Lösung des Problemes finden.
HTML Quelltext
<div class="schluss"> </div>
CSS des Problem Div
.schluss
{
background-color:#FACB89;
margin-top:30px;
margin-bottom:20px;
height:20px;
}
CSS des übergeordneten Divs
#kapitel
{
position:absolute;
top:65px;
left:0px;
right:210px;
height:30px;
background-color:#FEF5EB;
}
Vielleicht kann mir jemand weiterhelfen. Bin echt ein bißchen ratlos.
Hallo,
bitte erstelle eine Testdatei, die den relevanten Quelltext enthält
oder poste diesen hier. Vermutlich wirst Du so bereits selbst die
Lösung des Problemes finden.HTML Quelltext
CSS des Problem Div
CSS des übergeordneten Divs
Ergibt dann die nachfolgende Datei und da kann ich das von Dir ge-
schilderte Problem nicht nachvollziehen. Kann es sein, dass Du da
etwas vergessen hast?
"Relevanter Quelltext" bedeutet, dass Du den Teil hier postest bzw.
auf einer verlinkten Testseite einbaut, so dass das beschriebene
Probleme da noch auftritt.
Viele Grüße,
Stefan
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>123</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta http-equiv="content-style-type" content="text/css">
<meta http-equiv="language" content="de">
<style type="text/css">
#kapitel
{
position:absolute;
top:65px;
left:0px;
right:210px;
height:30px;
background-color:#FEF5EB;
}
.schluss
{
background-color:#FACB89;
margin-top:30px;
margin-bottom:20px;
height:20px;
}
</style>
</head>
<body>
<div id="kapitel"><div class="schluss"> </div></div>
</body>
</html>
Bin manchmal ein bißchen schwerfällig von Begriff. Also ich habe alle relevanten Code Teile in die folgende Datei kopiert.
http://www.bosch-bug.de/develop/test.htm
Hilft dir das, zum Durchblick?
Hallo,
Bin manchmal ein bißchen schwerfällig von Begriff. Also ich habe alle relevanten Code Teile in die folgende Datei kopiert.
http://www.bosch-bug.de/develop/test.htm
Hilft dir das, zum Durchblick?
Auf den ersten Blick würde ich für das body-Element noch padding:0;
und margin:0; definieren, sollte das Problem lösen.
Viele Grüße,
Stefan
Super. Hat wirklich funktioniert.
Danke für die Hilfe, Stefan. Die kleinen Dinge bringen mich doch manchmal wirklich ins Grübbeln.
Eine schöne Nacht.
marco
hallo,
Warum tut er das nicht? Und wie könnte man das lösen?
Schau mal in deine CSS. Da steht drin:
padding-right:40px;
Grüße aus Berlin
Christoph S.
Warum tut er das nicht? Und wie könnte man das lösen?
Schau mal in deine CSS. Da steht drin:
padding-right:40px;
Das bezieht sich auf einen benachbarten Div und nicht auf den besagten.