Der folgende Beitrag wurde am 20. 06. 2007, 15:50 Uhr von Sebastian Daxner veröffentlicht.
Hey!
Ich hab ein kleineres problem mit diesem CSS hier:
///
body {
background: #fdfead;
text-align: center;
margin: 0px;
}
#main {
float: left;
position: relative;
width: 100%;
background:url(Images/bg_norm_up.jpg) top repeat-x;
margin: 0px auto;
}
#wrap {
background-color:#ffebae;
width: 790px;
margin: 0px auto;
position: relative;
border: 5px #fbbc26 solid;
border-top: 0px;
}
#header {
width: 800px;
margin: 0px auto;
position: relative;
background:url(Images/bg_head.gif) top no-repeat;
height: 100px;
}
///
Dazu die HTML Seite:
///
<!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>
<link href="css.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="main"><p> </p>
<div id="header">
<p> </p>
<p>Header</p>
</div>
<div id="wrap">
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p>Raum für den Inhalt von id "wrap"</p>
</div>
</div>
</body>
</html>
///
Von positionierung bis Anzeige stimmt so weit alles, vor allen Dingen im neuesten IE, aber in Firefox zeigt es mir eine Leerzeile zwischen dem "header" und dem "wrap" an....ich hab einfach keine Ahnung wie ich den loswerde :-)
Danke für alle Hilfe
MFG
Sebi
Der folgende Beitrag wurde am 20. 06. 2007, 15:59 Uhr von wahsaga veröffentlicht.
hi,
> Von positionierung bis Anzeige stimmt so weit alles, vor allen Dingen im neuesten IE,
... der die Spezifikation also mal wieder falsch umsetzt.
> aber in Firefox zeigt es mir eine Leerzeile zwischen dem "header" und dem "wrap" an....
Ja, weil das P, welches erstes Kind von #wrap ist, noch ein Default-margin-top hat.
gruß,
wahsaga
--
/voodoo.css:
#GeorgeWBush { position:absolute; bottom:-6ft; }
Der folgende Beitrag wurde am 20. 06. 2007, 16:39 Uhr von Sebastian Daxner veröffentlicht.
<3
das vergiss i nit so schnell wieder :D
© 1998-2013 SELFHTMLImpressumSoftware: Classic Forum 3.4