navfirst mittig - CSS Problem (Div)
Verfasst: Mi 15. Nov 2006, 21:57
Hi@all,
ich versuch gerade die NavFirst in die Mitte zu bringen...
Nur egal was ich mache... er machts nicht...
Ich benutze dazu die Standard Module und Modul-Templates ...
Kann da bitte mal einer drüberfliegen...
Layout:
CSS:
Danke schonmal.
grz.chris
ich versuch gerade die NavFirst in die Mitte zu bringen...
Nur egal was ich mache... er machts nicht...
Ich benutze dazu die Standard Module und Modul-Templates ...
Kann da bitte mal einer drüberfliegen...
Layout:
Code: Alles auswählen
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="de">
<head>
<title>Defne, Restaurant , Landshut</title>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<style type="text/css">
<!--
@import url(css/main_contenido.css);
-->
</style>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<div class="wrapper">
<div class="head"> </div>
<div class="menue">
<p>
<container id="40" name="Hauptnavigation" types="Navigation" mode="fixed" default="Hauptnavigation">Hauptnavigation</container>
</p>
</div>
<div class="content">
<container id="10" name="Headline" types="Content" default="Headline (HTML)">Headline (HTML)</container>
<container id="12" name="Text" types="Content" default="">Content 1</container>
<container id="15" name="Text" types="Content" default="">Content 2</container>
<container id="22" name="Text" types="Content" default="">Content 3</container>
<container id="24" name="Text" types="Content" default="">Content 4</container>
<container id="26" name="Text" types="Content" default="">Content 5</container>
<container id="28" name="Text" types="Content" default="">Content 6</container>
</div>
<div class="clear"> </div>
</div>
<div class="footer"> </div>
</body>
</html>
Code: Alles auswählen
html, body {
margin: 0;
padding: 0;
height: 100%;
}
body {
font-family:verdana, sans-serif;
font-size:11px;
font-style:normal;
font-weight: normal;
line-height: 15px;
color: #000000;
background-color: #d1bf95;
background-image:url(../images/bg.jpg);
background-repeat:repeat-x;
}
div.wrapper {
margin: 0 auto;
padding: 0;
width: 763px;
min-height: 100%;
border-left: 1px solid #780000;
border-right: 1px solid #780000;
background-color:#FFFFFF;
color: #000000;
}
* html div.wrapper { /* Für IE */
height: 100%;
}
div.head {
width: 763px;
height: 298px;
background: #ffffff;
background-image:url(../images/head.jpg);
background-repeat:no-repeat;
background-position:top;
color: #000000;
}
div.menue {
width: 763px;
height: 35px;
background: #ffffff;
background-image:url(../images/linie.gif);
background-repeat:no-repeat;
background-position:top;
color: #000000;
}
div.menue p {
padding: 0;
margin: 0;
font-family: verdana, sans-serif;
font-size: 11px;
line-height: 15px;
color: #780000;
text-align: center;
background-color: #FFFFFF;
}
div.content {
width: 703px;
margin: 0;
padding:10px 30px 40px 30px;
}
div.content p {
margin: 0;
padding: 0;
font-family: verdana, sans-serif;
font-size: 11px;
line-height: 15px;
text-align: left;
color: #000000;
background-color: #FFFFFF;
}
h1 {
font-family: verdana, sans-serif;
font-size: 18px;
font-style: normal;
font-weight: bold;
}
h2 {
font-family: verdana, sans-serif;
font-size: 11px;
font-style: normal;
font-weight: bold;
}
h3 {
font-family: verdana, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: bold;
line-height: 18px;
}
div.clear {
clear: both;
}
div.footer {
margin: -44px auto;
padding: 0;
width: 763px;
height: 44px;
background-image: url(../images/footer.gif);
background-repeat:no-repeat;
border-left: 1px solid #780000;
border-right: 1px solid #780000;
}
/* Contenido Standard Styles */
.navi{
float:left;
margin: 0 auto;
padding: 0;
}
#navipath {
padding: 0px 0px 10px 0px;
background-color:#ffffff;
color:rgb(99,99,99);
width:388px;
}
a.navipath {
font-size:11px;
color: #1616161;
}
a.navileft_passive {
font-size: 11px;
color: #780000;
background-color: #FFFFFF;
text-decoration: none;
}
a.navileft_passive:hover {
text-decoration: underline;
}
a.navileft_active {
display:block;
text-decoration: none;
color: #bb9a54;
background-color: #FFFFFF;
}
a.navileft_active:hover {
text-decoration: underline;
}
a.navileft_open {
padding-left:10px;
display:block;
background-color:#FFFFFF;
color: #bb9a54;
}
grz.chris