Ankündigung

Einklappen
Keine Ankündigung bisher.

problem mit div's

Einklappen

Neue Werbung 2019

Einklappen
X
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • problem mit div's

    hallo zusammen,

    ich habe ein ziemlich lästiges problem mit dem layout, welches ich zur Zeit entwerfe. Das Layout basiert auf Ebenen welche aus irgend einem mir nicht erklärlichen Grund zwischen einander immer 1px auseinander stehen. im angehänden bild sieht man nochmal genauer was ich meine.
    Das Problem ergibt sich beim IE als auch bei Firefox




    Das Layout gestaltet sich folgendermaßen:

    Code:
    <!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" lang="de" xml:lang="de">
    	<head>
    		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
    		<meta http-equiv="pragma" content="no-cache"/>
    		<meta name="robots" content="all"/>
    		
    		<style type="text/css" media="screen">
    			@import url("webLayout/company-core.css");
    		</style>
    		
    		<title>X</title>
    	</head>
    	
    	<body>
    		<div id="top">
    			<div id="top-left">
    				<div id="top-company-banner"></div>
    				<div id="top-navigation">navigation</div>
    				<div id="top-subnavigation">subnavigation</div>
    			</div>
    			<div id="top-right">
    				<div id="top-sidelinks">
    					[img]grafics/head_links.gif[/img]
    				</div>
    			</div>
    		</div>
    		
    		<div id="content">
    			content
    		</div>
    	</body>
    </html>
    CSS:

    Code:
    html
    {
    	height: 100%;
    }
    body
    {
    	height: 100%;
    	margin: 0px 0px 0px 0px;
    	
    	font-family: Verdana, Arial;
    	font-size: 10px;
    	color: #000000;
    }
    
    #top
    {
    	height: 98px;
    	width: 777px;
    }
    #top-left
    {
    	height: 98px;
    	width: 755px;
    	float: left;
    }
    #top-right
    {
    	height: 98px;
    	width: 22px;
    	float: right;
    }
    #top-company-banner
    {
    	height: 68px;
    	background-image: url(../graphics/company-logo.jpg);
    }
    #top-navigation
    {
    	background-color: #00FF00;
    	height: 15px;
    	vertical-align:text-top;
    	text-align: right;
    	padding-right: 4px;
    }
    #top-subnavigation
    {
    	background-color: #009900;
    	height: 15px;
    	vertical-align: middle;
    	text-align: right;
    	padding-right: 4px;
    }
    #top-sidelinks
    {
    
    }
    #content
    {
    	background-color: #99CC00;
    	height: 500px;
    	width: 777px;
    }

    wäre echt nett sich das man jemand ansehen könnte und mir helfen kann. ich find einfach nicht den fehler weswegen er diese abstände da rein haut.

    gruß

    chr1z

  • #2
    margin: 0px 0px 0px 0px;
    Blödsinn: margin: 0; und fertig

    Bei #top-subnavigation und #content auch margin: 0 setzen ...

    Kommentar


    • #3
      hmm hab es zwar ausprobiert aber die wirung zeigt sich nicht.
      falls dem nicht so seien soll screenshot her :wink:

      danke schonmal für deine mühe!

      Kommentar

      Lädt...
      X