Hallo
Ich habe das Problem das sich der Inhalt meines Projektes immer wieder mit der Größe des Browsers anpasst. Ich habe ein 3 Spalten Layout und wenn ich den Browser im Vollbild öffne springt die Linke sowie die Rechte Spalte sofort in die jeweiligen ecken, die Mitte passt sich an und zieht sich laaaaaaaaaaaaaaaaaaaaaaaaang. Jedoch ist das nicht das gewünschte Ergebnis. Ich dachte da eher an Youtube wo der Inhalt die gleiche Größe behält egal wie groß das Browser Fenster ist.
Ich hoffe Ihr könnt mir helfen
3 Spalten Layout
CSS
<style type="text/css">
body {
color: black; background-color: #eeeeee;
font-size: 100.01%;
font-family: Helvetica,Arial,sans-serif;
margin: 0; padding: 1em;
min-width: 41em;
}
h1 {
font-size: 1.5em;
margin: 0 0 0.7em; padding: 0.3em;
text-align: center;
}
ul#Navigation {
background-color: #000000;
font-size: 0.83em;
float: left; width: 11.5em; height: 5000px;
margin: 0 0 1.2em; padding: 0;
}
ul#Navigation li {
list-style: none;
margin: 0; padding: 0.5em;
}
ul#Navigation a {
text-decoration: none;
display: block;
padding: 0.2em;
font-weight: bold;
}
ul#Navigation a:link {
color: #800080; background-color: #222222;
border-right: 1px #111111 solid;
border-left: 1px #111111 solid;
border-bottom: 1px #111111 solid;
border-top: 1px #111111 solid;
}
ul#Navigation a:visited {
color: #800080; background-color: transparent;
border-right: 3px yellow solid;
border-left: 3px yellow solid;
}
ul#Navigation a:hover {
color: #800080; background-color: transparent;
border-right: 3px red solid;
border-left: 3px red solid;
}
ul#Navigation a:active {
color: #800080; background-color: transparent;
border-right: 3px yellow solid;
border-left: 3px yellow solid;
}
div#Werbung {
font-size: 0.9em;
float: right; width: 14em; height: 5000px;
margin: 0 0 1.1em; padding: 0;
border-top: 2px purple solid;
border-left: 2px purple solid;
border-right: 2px purple solid;
border-bottom: 2px purple solid;
border-style: groove;
}
div#Newsbox {
margin: 0 13.3em 1em 10em;
padding: 0 1em;
border-top: 2px purple solid;
border-left: 2px purple solid;
border-right: 2px purple solid;
border-bottom: 2px purple solid;
border-style: groove;
}
* html div#Newsbox {
height: 1em;
}
p#Fusszeile {
clear: both;
font-size: 0.9em;
margin: 0; padding: 0.1em;
text-align: center;
background-color: #fed; border: 1px solid silver;
}
p#Navigation {
background-color: #555555;
margin: auto;
height: auto;
}
div#Sonstiges {
margin: 0 13.3em 1em 10em;
padding: 0 1em;
height: 4900px;
border-top: 4px purple solid;
border-left: 4px purple solid;
}
Alles anzeigen
mit freundlichen grüßen
Thomas S