Hallo Leute,
ich bin gerade dabei meine Seite auf Vordermann zu bringen.
Mein css habe ich mir mit Hilfe von einigen Leuten und nach diversen Recherchen im www zusammengestückelt.
Mit der Zeit habe ich ziemlich viel daran herumgebastelt und vermutlich auch einiges "verschlimmbessert".
Meine Seite soll wenn Sie fertig ist so aufgeteilt sein.

Ganz oben mit etwas Abstand zum Bildschirmrand ein Logo und die Navigation.
Darunter der Inhalt, dieser hat einen eigenen Div-Container namens Content.

Hier fängt jetzt mein Problem an. Ich möchte das dieser Container eine feste Grösse hat die sich nicht verändert.
Der Inhalt soll bei Bedarf gescrollt werden.
Im Moment ist es aber so das sich der Inhalt des Containers einfach den Platz nimmt den er benötigt und so den footer der darunter steht einfach verschiebt.
Ich hänge hier mal mein css an.
Wie könnte ich es schaffen es so zu ändern das der Content immer die gleiche Grösse hat ?

Gruss Alex

html
{
height : 100%;
background : #fff;
color : #000;
font : 100.01%/1.4 "Lucida Grande", Lucida, Arial, sans-serif;
padding : 0 0 1px 0;
margin : 0;
}
body
{
text-align : center;
color : #fff;
padding : 0 0 0.6em 0;
margin : 0 auto;
}

#seitenanfang
{
width : 48em;
height : 4em;
text-align : left;
padding : 0;
margin : 0 auto;
}

#wrapper
{
text-align : left;
width : 65em; height: 35em;
background : #fff;
font-size : 1em;
padding : 0;
border-width:1px;
border-style:solid;
border-color:blue;margin : 0 auto;
}

#logo
{
margin : 0;
height : 91px;background : #fff;
}

#navcontainer ul
{
margin-left :28em;
border-bottom : 0px dashed #000;
font-family : Arial, Helvetica, sans-serif;

a:link, a:visited,
text-decoration : underline;
font-weight : bold;
color : #fff;
font-size : 0.95em;
}

#navcontainer ul li
{
display : inline;
width : 100px;
}

#navcontainer ul li a
{
padding-left : 10px;
padding-right : 10px;
text-decoration : none;color : #fff;background : #7a46ff;
}

#navcontainer ul li a:hover
{
background : #cc0033;color : #fff
}

#content
{
font-size : 1.05em;color : #000;
padding-left : 35px; padding-right : 35px;
margin : 0 ;
}

h1
{
font-size : 1.12em;
text-align : center;
}
h2
{
font-size : 1.05em;
margin-left : 10px;
}
h3
{
font-size : 1.00em;
margin-left : 80px;
color : red;
}
a:link, a:visited
{
text-decoration : none;
font-weight : bold;
color : #fff;
font-size : 0.95em;
}
a:active, a:hover {
text-decoration : none;
font-weight : bold;
color : #fff;
font-size : 0.95em;
}
.txt:link, a:visited {
text-decoration : none;
font-weight : bold;
color : #000;
font-size : 0.95em;
}
.txt: active, a:hover
{
text-decoration : none;
font-weight : bold;
color : #000;
font-size : 0.95em;
}

#footer
{
text-align : center;
border-top : 0px solid #000;
font-size : 0.95em;
color : #000;
padding : 0;
margin : 0 0 0 0;
}

Mahlzeit,

guckst du hier.

Fixed Layouts könnten dich interessieren.

Gruß
Klaus

__________________
Ein mehrfacher Gruß aus dem Südosten
Klaus

hallo Alex
kannst du uns mal ein link schicken?
kann mir grade nix drunter vorstellen

Die fixed Layouts sind schon recht interessant, gibt es auch irgendwo Infos in deutscher Sprache dazu ?
@Gack die Seite ist noch offline, das gibt ein ganz neues Projekt.

Hi,

soweit ich weiß nicht.

Da hilft leider nur Quelltext runterkopieren und ausprobieren.

Gruß
Klaus

__________________
Ein mehrfacher Gruß aus dem Südosten
Klaus