nicht angemeldet
"Fehldarstellung" im FF -> div margin Problematik :X
Hallo,
folge div/css Problematik... ich zeichne 2 div`s. Das erste erste wird korrekt mit einem Marin von 10px angezeigt, das zweite wird mir im Firefox bündig zur Oberkante dargestellt. Irgendwie seh ich den Wald vor lauter Bäumen nicht mehr :D
Bilder sagen mehr als 1000 Worte!
http://www.verspoolt.org/ie.jpg <- korrekte Anzeige
http://www.verspoolt.org/firefox.jpg <- nicht korrekte Anzeige
Dazu der Quellcode:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Unbenanntes Dokument</title>
<style type="text/css">
<!--
body {
background-color: #000000;
}
#content {
width:800px;
height:400px;
}
#header {
hight: 40px;
width: 790px;
min-height:40px;
background-image:url(images/ralf_vsp.gif);
background-repeat:no-repeat;
background-position:right;
}
#footer {
height: 49px;
width: 790px;
text-align:center;
}
#frame {
background-color: #FFFFFF;
background-position: center center;
height: 300px;
width: 790px;
}
#iframe_left {
background-color: #3991b6;
background-image:url(images/ego.gif);
background-repeat:no-repeat;
background-position:left bottom;
height: 280px;
width: 380px;
float: left;
margin: 10px;
}
#iframe_right {
background-color: #257884;
height: 280px;
width: 380px;
margin-left:400px;
margin-top: 10px;
}
-->
</style>
</head>
<body>
<div id="content">
<div id="header"></div>
<div id="frame">
<div id="iframe_left"></div>
<div id="iframe_right"></div>
</div>
<div id="footer">
<img src="images/menu.gif" width="752" height="49" border="0" alt="" usemap="#menu_Map"></a>
<map name="menu_Map">
<area shape="rect" alt="Gästebuch" coords="648,0,751,47" href="aventor" target="_self">
<area shape="rect" alt="Dateien" coords="462,0,615,48" href="repertorium" target="_self">
<area shape="rect" alt="Bilder" coords="351,0,424,48" href="imago" target="_self">
<area shape="rect" alt="Musik" coords="220,0,315,47" href="musica" target="_self">
<area shape="rect" alt="Über mich" coords="131,0,194,48" href="ego" target="_self">
<area shape="rect" alt="Startseite" coords="0,0,752,49" href="exordium" target="_self">
</map>
</div>
</div>
</body>
</html>
-
hi,
folge div/css Problematik... ich zeichne 2 div`s.
Noch ein Freund von Div-Suppe also?
Das erste erste wird korrekt mit einem Marin von 10px angezeigt, das zweite wird mir im Firefox bündig zur Oberkante dargestellt.
Stichwort: Collapsing margins
gruß,
wahsaga--
/voodoo.css:
#GeorgeWBush { position:absolute; bottom:-6ft; }