Füg mal das:
an den Anfang Deiner CSS-Angaben ein. Das setzt alle Abstände erstmal auf 0.Code:* { margin:0; padding:0 }
Liebe Commuity,
folgendes Problem macht mir großes Kopfzerbrechen. Meine Seite soll margin-top: 0px verwenden. Folgender Quelltext leistet auch das Gewünschte:
Jetzt möchte ich allerdings meinen Seiten-Content mit den entsprechenden HTML-Tags formatieren und wenn ich das tue (z.B. h1 oder p-Tags verwende), dann wird auf einmal mein margin-top im Body igrnoriert. Hier der fehlerhafte Code:HTML-Code:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="en"> <head> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1"> <title>Meine Seite</title> <style type="text/css" media="screen"> body { margin-top: 0px; margin-left: 25px; padding: 0px; background-color: #FFFFFF; } #site { width: 800px; background-color: #FFFFFF; font: 80% arial, hevetica, sans-serif; } #header1 { float: left; width: 482px; height: 239px; background-image: url("head1.gif"); } #header2 { float: right; width: 318px; height: 305px; background-image: url("head2.gif"); } </style> </head> <body> <div id="site"> <div id="header1"> </div> <div id="header2"> </div> Überschrift<br><br>Text </div> </body> </html>
HTML-Code:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="en"> <head> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1"> <title>Meine Seite</title> <style type="text/css" media="screen"> body { margin-top: 0px; margin-left: 25px; padding: 0px; background-color: #FFFFFF; } #site { width: 800px; background-color: #FFFFFF; font: 80% arial, hevetica, sans-serif; } #header1 { float: left; width: 482px; height: 239px; background-image: url("head1.gif"); } #header2 { float: right; width: 318px; height: 305px; background-image: url("head2.gif"); } </style> </head> <body> <div id="site"> <div id="header1"> </div> <div id="header2"> </div> <h1>Überschrift</h1> <p>Text</p> </div> </body> </html>
Füg mal das:
an den Anfang Deiner CSS-Angaben ein. Das setzt alle Abstände erstmal auf 0.Code:* { margin:0; padding:0 }
OK, das löst das Problem, vielen Dank!
Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)