- #1
M
Max18
Aktives Mitglied
Themenersteller
- Dabei seit
- 15.03.2004
- Beiträge
- 27
- Reaktionspunkte
- 0
Hallo,
erst einmal bitte ich um Nachsicht, da absoluter Anfänger in Sachen HTML und CSS. Es gibt zwar ähnliche Einträge hier im Forum, aber keiner, der genau auf mein Problem passt.
Für eine Projektarbeit in der Schule habe ich folgende CSS nach den Vorstellungen unseres Lehrers angelegt.
Ich habe mit einer Auflösung von 1280 x 1024 gearbeitet. Verkleinert man die darauf basierende Seite, werden auch (fast) alle Container der geänderten Auflösung angepasst. Nur die Div.unten macht nicht mit und schiebt sich über die anderen Container, so daß die Seite total unansehnlich wird. Ich habe extra mit %-Werten gearbeitet, damit sowas nicht passiert und auch schon andere Befehle für position ausprobiert... leider ohne Erfolg.
Ich würde mich riesig freuen, wenn jemand die Lösung für mein Problem hat und bitte noch mal um Nachsicht für meine Unwissenheit
Vielen Dank im voraus und viele Grüße,
Nadine
Um den gehts:
* Conny: Code-Tags gesetzt *
erst einmal bitte ich um Nachsicht, da absoluter Anfänger in Sachen HTML und CSS. Es gibt zwar ähnliche Einträge hier im Forum, aber keiner, der genau auf mein Problem passt.
Für eine Projektarbeit in der Schule habe ich folgende CSS nach den Vorstellungen unseres Lehrers angelegt.
Ich habe mit einer Auflösung von 1280 x 1024 gearbeitet. Verkleinert man die darauf basierende Seite, werden auch (fast) alle Container der geänderten Auflösung angepasst. Nur die Div.unten macht nicht mit und schiebt sich über die anderen Container, so daß die Seite total unansehnlich wird. Ich habe extra mit %-Werten gearbeitet, damit sowas nicht passiert und auch schon andere Befehle für position ausprobiert... leider ohne Erfolg.
Ich würde mich riesig freuen, wenn jemand die Lösung für mein Problem hat und bitte noch mal um Nachsicht für meine Unwissenheit
Vielen Dank im voraus und viele Grüße,
Nadine
Code:
BODY {
background-color : #FFE4B5;
font-family : sans-serif;
}
A {
font-family : sans-serif;
font-size : medium;
color : red;
}
A:HOVER {
font-family : sans-serif;
font-size : medium;
color : blue;
}
A.extern {
font-family : sans-serif;
font-size : medium;
color : Olive;
}
A:HOVER.extern {
font-family : sans-serif;
font-size : medium;
color : Aqua;
}
DIV.oben {
position : absolute;
width : 99%;
height : 10%;
background-color : #DAA520;
text-align : center;
font-family : serif;
color : #00008B;
font-size : large;
padding : 3px;
}
DIV.menu {
position : absolute;
width : 15%;
height : 78%;
top: 11%;
background-color : #F5F5DC;
font-family : sans-serif;
font-size : medium;
color : red;
padding: 2px;
}
DIV.link {
position : absolute;
left : 15%;
top : 11%;
width : 85%;
height : 5%;
background-color : #F5F5DC;
padding: 1px;
}
DIV.inhalt {
position : absolute;
left : 16%;
top: 17%;
width : 66%;
height : 72%;
background-color : #FFE4B5;
padding: 5px;
}
DIV.rechts {
position : absolute;
left : 82%;
width : 17%;
top : 17%;
height : 72%;
background-color : #F5F5DC;
text-align : right;
padding: 4px;
}
DIV.unten {
position : absolute;
top : 90%;
width : 99%;
height : 10%;
background-color : #DAA520;
text-align : center;
padding: 4px;
}
H2 {
font-family : sans-serif;
font-size : large;
font-weight : bold;
}
SPAN.fett {
font-weight : bold;
}
SPAN.klein {
font-size: 8pt;
}
Um den gehts:
Code:
DIV.unten {
position : absolute;
top : 90%;
width : 99%;
height : 10%;
background-color : #DAA520;
text-align : center;
padding: 4px;
}
* Conny: Code-Tags gesetzt *