hallo leute,
ich habe einige sachen mit den container schon hin bekommen. doch leider komme ich nett weiter mit den "inhalt_main_container" dieser soll auf die selbe
höhe wie der " link_navi_container " und einen abstand von 10 pixel zu den " link_navi_container " haben.
hier mal der code, vieleicht kann mal bitte jemand schauen....
html code :
PHP-Code:
</head>
<link href="/style_css.css" rel="stylesheet" type="text/css">
<body>
<div id="header_container">
<div id="img1">Banner Navi </div>
</div>
<div id="container_navi_left">
<div id="content">
<div class="link_top_container" id="link_top_container">
Link Container </div>
<div id="link_navi_container">Hier soll die linke Navigation hin... 160 pixel breit und links neben den inhalt container </div>
<div id="inhalt_main_container">
<h1>Überschrift 1 </h1>
<h2>
Überschrift 2 </h2>
<h3>Überschrift 3 </h3>
<h4>Dicker Text </h4>
<p> Normaler text sieht so aus.... Normaler text sieht so aus.... Normaler text sieht so aus.... Normaler text sieht so aus.... Normaler text sieht so aus.... Normaler text sieht so aus.... Normaler text sieht so aus.... Normaler text sieht so aus.... Normaler text sieht so aus.... Normaler text sieht so aus.... Normaler text sieht so aus.... Normaler text sieht so aus.... Normaler text sieht so aus.... </p>
<h3> </h3>
<p> </p>
<p> </p>
</div>
</body></html>
und hier der code von der css datei :
PHP-Code:
/* CSS Document */
#content {
border-width:5px;
border-style:solid;
border-color:#E5E5E5;
padding-top:5px;
}
h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 20px;
font-style: normal;
line-height: normal;
font-weight: bolder;
font-variant: normal;
text-transform: none;
color: #CC0000;
text-decoration: none;
}
h2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
color: #0066CC;
}
h3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bolder;
color: #000000;
text-decoration: none;
}
h4 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
line-height: normal;
font-weight: bolder;
font-variant: normal;
text-transform: none;
color: #000000;
text-decoration: none;
}
p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #000000;
}
a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #CC3300;
}
a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #CC0000;
text-decoration: none;
}
input {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #000000;
background-color: #D7D8D8;
border: 3px solid #BDBEBE;
}
textarea {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #000000;
border: 3px solid #BDBEBE;
background-color: #D7D8D8;
}
#link_top_container {
margin:5px 5px 0px;
padding:2px 5px;
font-weight:bold;
font-size:12px;
background-color:#CC9900;
color:#ffffff;
}
#link_navi_container {
width:160px;
margin:25px 5px 5px 10px;
}
#header_container {
margin:5px 10px 10px;
padding:5px 5px 0px;
background-color: #0066FF;
}
#inhalt_main_container {
margin:25px 0px 0px 180px;
}
was habe ich falsch gemacht an der sache.... ?
danke schon mal für die hilfe... THX
