myGully.com

myGully.com (https://mygully.com/index.php)
-   Programmierung (https://mygully.com/forumdisplay.php?f=67)
-   -   CSS (Design) (https://mygully.com/showthread.php?t=2356977)

kaddo 05.07.11 11:41

CSS (Design)
 
Hallo.. Ich habe ein problem. Undzwar: Ich habe eine Website gemacht, aber das design geht nicht über die vollen 100% des Bildschirms (soweit durch Browser möglich) sondern bedeckt nur die mitte und rechts, links, unten ist ein weißer spalt. Wie kann ich das Design auf volle breite+Höhe des Fensters bringen?

Hier mein "style.css" Code..
Zitat:

style{width:100%}
html,body{margin:10;padding:10;background:lightgra y}
body{font: 76% arial,sans-serif;text-align:center}
p{margin:0 10px 10px}
a{padding:5px; text-decoration:none; color:#000000;width:100%}
div#header{background-color:red;}
div#header h1{height:80px;line-height:80px;margin:0;padding-left:10px;}
div#container{text-align:left;background:#dddddd}
div#content p{line-height:1.4;margin-right: 20px}
div#navigation{background:red;}
div#navigation ul{margin:15px 0; padding:0; list-style-type:none;}
div#navigation li{margin-bottom:5px; background:#dddddd}
div#extra{background:red;height:70%}
div#footer{background:#BFBD93;}
div#footer p{margin:0;padding:5px 10px}
div#container{width:700px;margin:0 auto}
div#wrapper{float:left;width:100%}
div#content{margin: 0 150px}
div#navigation{float:left;width:150px;margin-left:-700px;height:70%}
div#extra{float:left;width:150px;margin-left:-150px}
div#footer{clear:left;width:100%;background:red}
Wäre cool wenn mir da jemand helfen könnte... ;) Danke im Vorraus..

wmosebach 05.07.11 12:42

Im ersten Moment würde ich sagen du solltest dich mal mit dem margin und dem padding vom body auseinandersetzen:

[Link nur für registrierte und freigeschaltete Mitglieder sichtbar. Jetzt registrieren...]

selbst nicht ausprobiert, aber son Gefühl

kaddo 05.07.11 13:51

Danke für die schnelle Antwort. Aber nein, damit verändern sich nur die Texte (Der Text wird mehr von oben nach unten gerückt, bleibt zentriert.)

kaddo 05.07.11 14:00

AAH.. Habe einfach mal rumgebastelt und die Homepage mal "vergewaltigt" und alles verändert was zu ändern war :D.. so.
div#container{width:700px;margin:0 auto} habe ich auch div#container{width:900px;margin:0 auto} geändert..
und ...
div#navigation{float:left;width:150px;margin-left:-700px;height:70%} auf div#navigation{float:left;width:150px;margin-left:-700px;height:70%}

geändert. Also hings wie ich sehe doch mit dem margin zusammen. Also danke wmosebach ;)

wmosebach 05.07.11 21:38

Keine Urache ;)


Alle Zeitangaben in WEZ +1. Es ist jetzt 02:20 Uhr.

Powered by vBulletin® (Deutsch)
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.