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:
CSS:
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
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>
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
Kommentar