div ausrichten
Jonas
- css
Hallo,
ich habe folgendes Problem...
Ich möchte "div#Rahmen" unter "div#Seite" zentriert ausrichten bei den andern Sachen wie "div#Inhalt" oder "div#h1" geht es nur beim "rahmen" nicht...
Hier der Code...
body {
color: #000000; background-color: #F0FFFF;
font-size: 100.01%; font-family: Helvetica,Arial,sans-serif;
margin: 0; padding: 1em 0;
text-align: center;
}
div#Seite {
text-align: left;
margin: 0 auto;
width: 760px;
padding: 0;
border: 1px solid #C0C0C0;
}
div#Rahmen {
width: 760px;
padding: 0;
border: none;
background-color: #B0C4DE;
}
* html div#Rahmen {
width: 760px;
w\idth: 760px;
}
div#Rahmen div {
clear: left;
}
ul#Navigation {
font-size: 0.83em;
margin: 0; padding: 0;
text-align: center;
background-color: #B0C4DE;
}
ul#Navigation li {
list-style: none;
float: left;
width: 6em;
position: relative;
margin: 0.4em; padding: 0;
background-color: #B0C4DE;
}
* html ul#Navigation li {
margin-bottom: -0.4em;
}
*:first-child+html ul#Navigation li {
margin-bottom: -0.1em;
}
ul#Navigation li ul {
display: none; top: 1.6em;
margin: 0; padding: 0;
position: absolute;
top: 1.7em; left: -0.4em;
background-color: #B0C4DE;
}
* html ul#Navigation li ul {
left: -1.5em;
lef\t: -0.4em;
}
ul#Navigation li:hover ul, ul#Navigation li>a#aktuell+ul {
display: block;
}
*:first-child+html ul#Navigation ul {
background-color:silver; padding-bottom:0.4em;
}
ul#Navigation li ul li {
float: none;
display: block;
margin-bottom: 0.2em;
}
ul#Navigation a, ul#Navigation span {
display: block;
padding: 0.2em 1em;
text-decoration: none; font-weight: bold;
}
* html ul#Navigation a, * html ul#Navigation span {
width: 1em;
w/idth: auto;
}
ul#Navigation a:hover, ul#Navigation span, li a#aktuell {
color: #000000; background-color: #eeeeee;
}
li a#aktuell {
color: maroon; background-color: silver;
}
ul#Navigation li ul span {
background-color: maroon;
}
h1 {
font-size: 2.5em;
margin: 0; padding: 0;
text-align: center;
background-color: #6495ED;
border-bottom: 1px solid #C0C0C0;
}
div#Inhalt {
margin: 0;
width: 760px;
background-color: #AFEEEE;
}
* html div#Inhalt {
height: 1em;
margin-bottom: 0;
}
div#Inhalt h2 {
font-size: 1.2em;
text-align: center;
margin: 0 0;
color: #000080;
}
div#Inhalt p {
font-size: 1em;
margin: 0;
}
p#Fusszeile {
clear: both;
font-size: 0.83em;
margin: 0; padding: 0.1em;
text-align: center;
background-color: #6495ED;
border-top: 1px solid #C0C0C0;
}
Vielen Dank
MfG Jonas
Gibt es zu der ganzen Sache auch einen Link?
mfg
Phil Z.
Gibt es zu der ganzen Sache auch einen Link?
mfg
Phil Z.
--> familiebeier.fa.ohost.de
Hallo!
Ich sehe auf dieser Seite nur eine Layout-Tabelle. Du solltest deine Seite validieren. Dinge wie...
<p><h1><a href="http://familiebeier.fa.ohost.de/">..::| Familie Beier |::..</a></h1></p>
...sind nicht erlaubt.
Außerdem verstehe ich dein erstes Posting nicht:
Ich möchte "div#Rahmen" unter "div#Seite" zentriert ausrichten bei den andern Sachen wie "div#Inhalt" oder "div#h1" geht es nur beim "rahmen" nicht...
Du hast in deinem geposteten CSS-Code kein "div#h1".
Gib bitte einen Link zu einer Seite an, die wirklich davon betroffen ist.
ciao, ww
Hallo!
--> familiebeier.fa.ohost.de
Ich sehe auf dieser Seite nur eine Layout-Tabelle. Du solltest deine Seite validieren. Dinge wie...
<p><h1><a href="http://familiebeier.fa.ohost.de/">..::| Familie Beier |::..</a></h1></p>
> ...sind nicht erlaubt.
>
> Außerdem verstehe ich dein erstes Posting nicht:
>
> > Ich möchte "div#Rahmen" unter "div#Seite" zentriert ausrichten bei den andern Sachen wie "div#Inhalt" oder "div#h1" geht es nur beim "rahmen" nicht...
>
> Du hast in deinem geposteten CSS-Code kein "div#h1".
>
> Gib bitte einen Link zu einer Seite an, die wirklich davon betroffen ist.
>
> ciao, ww
Sorry... hier der richtige Link --> familiebeier.fa.ohost.de/indexn.htm
Hallo!
Sorry... hier der richtige Link --> familiebeier.fa.ohost.de/indexn.htm
Du bist wohl ziemlich resistent. Trotzdem nochmal: Wie man Verweise einbindet. :-)
Ändere folgendes:
ul#Navigation {
font-size: 0.83em;
margin: 0; padding: 0.83em;
text-align: center;
background-color: #B0C4DE;
margin: 0 auto;
width: 41em;
}
ciao, ww
Hallo!
Sorry... hier der richtige Link --> familiebeier.fa.ohost.de/indexn.htm
Du bist wohl ziemlich resistent. Trotzdem nochmal: Wie man Verweise einbindet. :-)
Ändere folgendes:
ul#Navigation {
font-size: 0.83em;
margin: 0; padding: 0.83em;
text-align: center;
background-color: #B0C4DE;
margin: 0 auto;
width: 41em;
}
> ciao, ww
Sorry wegen den Links... nächstes mal...
Vielen vielen Dank...
MfG Jonas
Hallo!
Sorry wegen den Links... nächstes mal...
Schon ok ;-)
ciao, ww