Hi,
ich bins mal wieder mit nem neuen Problem^^
Ich besitze einen 26" Monitor mit ner AUflösung von 1920x1200px, habe also massig Platz aufm Screen.
Nunja, meine jetzige Website habe ich auf eben diesem Bildschirm programmiert. Heute war ich bei nem Freund, wir haben da ein bischen mit seinen 10" Netbook gesurft und sind auf meine Seite gestoßen. Da ist mir etwas nicht besonders schickes aufgefallen:
Nunja, seht selber:
http://www.socom3-fan.de/new/index-1.php?nav=8
Wenn man das Fenster von der Breite her verkleinert, schiebt sich die Tabelle hinter den linken grauen Teil. Habe die Tabelle schon soweit wie möglich verkleinert aber trotzdem schiebt sie sich irgendwann zur Seite.
Hier der Css COde für das Layout:
<style type="text/css">
html,body{margin:0;padding:0}
body{font: 76% arial,sans-serif}
p{margin:0 10px 10px}
a{display:block;color: #981793;padding:10px}
div#header h1{height:80px;line-height:80px;margin:0;
padding-left:10px;background: #EEE;color: #79B30B}
div#content p{line-height:1.4}
div#navigation{background-color:#000}
div#extra{background-color:#000}
div#footer{background: #333;color: #FFF}
div#footer p{margin:0;padding:5px 10px}
div#over{height:30px}
div#wrapper{float:left;width:100%}
div#over{float:left;width:100%}
div#content{margin: 0 200px; background-image:url(img/roccat_bg.jpg); background-position:center; background-position:top; background-repeat:no-repeat; background-color:#000}
div#navigation{float:left;width:200px;margin-left:-100%}
div#extra{float:left;width:200px;margin-left:-200px}
div#footer{clear:left;width:100%}
</style>
Alles anzeigen
Content ist der Mittelteil und Extra der Rechte Balken.
Wollte nunmal fragen, ob es eine Möglichkeit gibt, dieses verschieben zu vermeiden, sodass dann evtl. ein Scrollbalken entsteht oder besseres...
Kenne mich nähmlich mit CSS sogut wie garnicht aus
mfg+Danke jetzt schon
Pascalus
Edit: hm ich glaube ich bin hier im falschen Bereich gelandet