Ergebnis 1 bis 5 von 5

Thema: CSS Lücke am oberen Rand und überlapende Objekte

  1. #1
    Youngster
    Registriert seit
    22.05.2007
    Beiträge
    13
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard CSS Lücke am oberen Rand und überlapende Objekte

    Hallo ich habe folgenden Code aus einem Buch abgetippelt
    HTML:
    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http&#58;//www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http&#58;//www.w3.org/1999/xhtml">
      <head>  
        <title>test</title> 
         <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
        <script type="text/javascript">  /* <!&#91;CDATA&#91; */    /* &#93;&#93;> */ </script>
        <link rel="stylesheet" type="text/css" href="css/styles.css" media="screen"/>
      </head>
      <body>	
        <div id="header">		
          
    
    Kopf</p>	
        </div>	
        <div id="navigation">		
          
    
    Navigation</p>
         </div>	
    
        <div id="content">
          
    
    Inhalt</p>	
        </div>
        <div id="features">
          
    
    Features</p>	
        </div>
      </body>
    </html>
    CSS:
    Code:
    html, body&#123;	
    background-color&#58; white;	
    margin&#58; 0px;	
    padding&#58; 0px;
    &#125;
    
    #header &#123;	
    background-color&#58; rgb&#40;190,215,235&#41;;	
    width&#58; 100%;	
    height&#58; 100px;	
    padding&#58; 0px;	
    margin&#58; 0px;
    &#125;
    
    #navigation 
    &#123;	
     	position&#58;absolute;
    	background-color&#58;rgb&#40;210,235,255&#41;;
    	top&#58;100px;
    	left&#58;0px;
    	width&#58;180px;
    	padding&#58; 0px;
    margin&#58; 0px;
     &#125;
    #content&#123;
    
    	margin-top&#58; 0px;
    	margin-left&#58; 180px;
    	margin-right&#58; 180px;
    	background-color&#58;blue;
            &#125;
    #features&#123;	
    position&#58; absolute;	
    background-color&#58; rgb&#40;210,235,255&#41;;	
    top&#58; 100px;	
    right&#58; 0px;	
    width&#58; 180px;	
    margin&#58; 0px;	
    padding&#58; 0px;
    &#125;
    Laut Buch sollte der Kopf oben am Rand sein. Die Navigation und features eben drunter exakt abschliessen. Jedoch ist immer ein weißer rand bei mir beim Kopf auf der oberseite. und die Navigation und Features ragen in den Kopf rein und sind zu dick.

    ICh habe das CSS exakt abgetippelt. Was ist da verkehrt?

    Gruß niesel
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Großmeister(in)
    Registriert seit
    18.01.2007
    Ort
    Hamburg
    Alter
    26
    Beiträge
    710
    Danke
    2
    Bekam 2 mal "Danke" in 2 Postings

    Standard

    versuch mal im #header auch noch position:absolute;

  3. #3
    Youngster
    Themenstarter

    Registriert seit
    22.05.2007
    Beiträge
    13
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    nö bringts nicht

    gruß niesel

  4. #4
    Kaiser(in)
    Registriert seit
    24.04.2006
    Ort
    Ludwigshafen
    Beiträge
    2.720
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Mit diesem Content sollte es klappen:
    Code:
    #content&#123; 
    position&#58;absolute;
       top&#58; 100px; 
     left&#58; 180px; 
     right&#58; 180px; 
       background-color&#58;blue; 
            &#125;

    Allerdings: Wenn du z.B. Padding-Werte einfügst, was wegen des optischen Erscheinungsbildes sinnvoll ist (sonst klebt der Text zu sehr an den Rändern) musst du die Breiten oder Positionierungsangaben wegen dem Boxmodell wieder etwas reduzieren.

  5. #5
    Youngster
    Themenstarter

    Registriert seit
    22.05.2007
    Beiträge
    13
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    thx!!!

Ähnliche Themen

  1. html-document ohne oberen rand
    Von jonas3000 im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 30.01.2007, 15:53
  2. Klassen und Objekte...
    Von coda im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 4
    Letzter Beitrag: 11.09.2005, 15:24
  3. objekte platzieren mit javascript
    Von FR0SCH im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 3
    Letzter Beitrag: 29.03.2005, 21:48
  4. Wie kirege ich meinen banner in den oberen ecken...
    Von GIGU im Forum HTML & CSS Forum
    Antworten: 7
    Letzter Beitrag: 14.09.2004, 21:42
  5. Anker: immer zum oberen Fensterrand springen
    Von ComputerFee im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 27.08.2004, 17:48

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •