+ Antworten
Ergebnis 1 bis 4 von 4

Thema: margin-top im Body-Bereich

  1. #1
    TP-Newbie LunaPo macht alles soweit korrekt
    Registriert seit
    Aug 2009
    Beiträge
    2

    margin-top im Body-Bereich

    Liebe Commuity,

    folgendes Problem macht mir großes Kopfzerbrechen. Meine Seite soll margin-top: 0px verwenden. Folgender Quelltext leistet auch das Gewünschte:

    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>
    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>
    		
    		<h1>Überschrift</h1>
    		
    		<p>Text</p>
    		
    	</div>
    	
    </body>
    </html>

  2. #2
    TP-Veteran max.m lebt für das TP und seine User max.m lebt für das TP und seine User max.m lebt für das TP und seine User max.m lebt für das TP und seine User max.m lebt für das TP und seine User max.m lebt für das TP und seine User Avatar von max.m
    Registriert seit
    Dec 2005
    Ort
    Stuttgart
    Beiträge
    1.955
    Füg mal das:

    Code:
    * {
        margin:0;
        padding:0
        }
    an den Anfang Deiner CSS-Angaben ein. Das setzt alle Abstände erstmal auf 0.

  3. #3
    TP-Newbie LunaPo macht alles soweit korrekt
    Registriert seit
    Aug 2009
    Beiträge
    2
    OK, das löst das Problem, vielen Dank!

  4. #4
    TP-Veteran max.m lebt für das TP und seine User max.m lebt für das TP und seine User max.m lebt für das TP und seine User max.m lebt für das TP und seine User max.m lebt für das TP und seine User max.m lebt für das TP und seine User Avatar von max.m
    Registriert seit
    Dec 2005
    Ort
    Stuttgart
    Beiträge
    1.955
    Bitte.

+ Antworten

Ähnliche Themen

  1. backgroundimage im body bereich in .php datei
    Von Dreamer im Forum Traum-Dynamik
    Antworten: 1
    Letzter Beitrag: 12.12.2006, 00:19
  2. [CSS/HTML] Probleme mit Body-margin
    Von -Andreas- im Forum HTML & CSS
    Antworten: 2
    Letzter Beitrag: 09.05.2004, 15:15
  3. [php] Seite einlesen und body Bereich ausgeben
    Von campylobacter im Forum Traum-Dynamik
    Antworten: 2
    Letzter Beitrag: 20.01.2004, 12:52
  4. Javascript im Head/Body Bereich
    Von TobiasKa im Forum Javascript & Ajax
    Antworten: 1
    Letzter Beitrag: 20.06.2002, 22:16
  5. Editierbaren Bereich in <body>??
    Von OidaHabara im Forum Dreamweaver & andere Webeditoren
    Antworten: 17
    Letzter Beitrag: 05.02.2002, 14:56

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

     

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51