Hallo,
ich habe hier folgenden HTML-Code:
Und hier der dazugehörige CSS-Code
Mein Problem ist, dass sich n u r im Internet Explorer die div (bild_container) total rechts positioniert haben, so dass man scrollen muss; bei Firefox ist das nicht Fall.
Könnt Ihr euch den Code mal anschauen und sagen, wo der Fehler liegt?
Danke!
f. G.
ich habe hier folgenden HTML-Code:
PHP:
<html>
<head>
<title>Startseite</title>
<meta name="author" content="HansWurst">
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body style="background:#DFDFDF">
<div class="content">
<div id="content_head">INHALT</div>
<h2>INHALT</h2>
<h2>INHALT</h2>
<u>INHALT</u>
<p>INHALT</p>
</div>
<div style="margin-top:5%;" class="picture_container"><img src="images/speaker/bilder_1.JPG" width="200" height="300">
<div><a target="_blank" href="images/speaker/bilder_1.JPG">Für größeres Bild klicken</a></div>
</div>
<div style="margin-top:40%;" class="picture_container"><img src="platzhalter.gif" width="200" height="300">
<div><a target="_blank" href="platzhalter.gif">Für größeres Bild klicken</a></div>
</div>
</body>
</html>
PHP:
.picture_container{
margin-left:70%;
float:right;
position:absolute;
background:#EBE9ED;
border: 1px solid #000000;
}
.content{
margin-top:30px;
margin-left:30px;
margin-right:80px;
width:60%;
background:#3F3F3F;
border: 0px solid #000000;
color:#ffffff;
line-height: 1.5;
padding-left:30px;
padding-top:20px;
padding-right:30px;
padding-bottom:30px;
float:left;
}
a{
color: #000000;
text-decoration:none;
}
a:hover{
color:#6F6F6F;
text-decoration:none;
}
body{
font-family:georgia;
}Könnt Ihr euch den Code mal anschauen und sagen, wo der Fehler liegt?
Danke!
f. G.
