Div über ganze Seite

konsti2 · 9. Oktober 2011, 18:21

Hallo,

wie schaffe ich es, mit HTML und CSS einen Header über die GANZE seite laufen zu lassen, wie z.B. auf facebook.?
denn wenn ich width: 100% angebe, geht er ja nur bis etwas vor dem rand...

Lg

SeriTools · 9. Oktober 2011, 18:22

konsti2 schrieb:

denn wenn ich width: 100% angebe, geht er ja nur bis etwas vor dem rand...

hmm...nope?

konsti2 · 9. Oktober 2011, 18:23

Doch...

Probiere es aus..

SeriTools · 9. Oktober 2011, 18:36

Achso, stimmt, sry.

Setze einfach den Margin von <html> und von <body> auf 0.

konsti2 · 9. Oktober 2011, 18:38

nja, aber den margin habe ich ja zweck anderes divs nicht auf 0...

das ist ja das problem

Samus Aran · 9. Oktober 2011, 18:41

Überraschung: secretbetas.peterwunder.de/einpost/

SeriTools · 9. Oktober 2011, 18:55

Dann setzt halt den Margin deines Divs auf einen negativen Wert...

konsti2 · 9. Oktober 2011, 19:00

und auf welchen?
irgendeinen?
gibt es dann nicht unstimmigkeiten in verscheidenen browsern?

Samus Aran · 9. Oktober 2011, 19:53

Ne, meine Seite funktioniert in allen Browsern, die ich getestet hab. Firefox, Webkit, Opera. IE teste ich grundsätzlich nicht.

konsti2 · 9. Oktober 2011, 20:00

Ich auch nicht...will mir doch keinen virus holen

spaß beseite ;D

auf welchen wert setze ich die eigenschaft am besten, weil es gibt ja auch user mit größeren, bzw. kleineren bildschirmen..`?

Samus Aran · 9. Oktober 2011, 20:08

Lass sie so, das funktioniert überall.

Mangafreak1995 · 9. Oktober 2011, 20:53

Meine Definition von allen neueren CSS-nutzenden Projekten :

Quellcode

*
{
margin : 0px;
border-width : 0px;
padding : 0px;
}
/* ab hier für dich */
div, html, body
{
min-width : 100%;
width : 100%;
}

sollte vielleicht hier helfen ?

UFO · 9. Oktober 2011, 20:57

sollte gehen mit:
display:block

Samus Aran · 9. Oktober 2011, 20:59

Oder man machts vernünftig und guckt sich meine Methode an.

SeriTools · 9. Oktober 2011, 21:07

Samus Aran schrieb:

Überraschung: secretbetas.peterwunder.de/einpost/

omgworks@ie9 trolol

Mangafreak1995 · 9. Oktober 2011, 21:25

Samus Aran schrieb:

Oder man machts vernünftig und guckt sich meine Methode an.

Find ich weniger vernünftig. Warum sollte deine Version besser sein ?

Samus Aran · 9. Oktober 2011, 22:10

Weil ich gezielt nur ein paar Elementen die volle Breite gebe, du aber pauschal html, body und allen divs irgendwas zuweist.

Mangafreak1995 · 9. Oktober 2011, 22:28

Samus Aran schrieb:

Weil ich gezielt nur ein paar Elementen die volle Breite gebe, du aber pauschal html, body und allen divs irgendwas zuweist.

Ja, damit alles erst einmal gleich ist. Wenn ich Padding, Margin und Width haben will dann nicht irgendwas vom Browser sondern von mir bestimmt und somit wird das eh überschrieben.

Außerdem habe ich in dem Beispiel div genommen, da es um ein div ging und er keine class/id gepostet hat.

Samus Aran · 9. Oktober 2011, 22:38

lol, ich nehm auch nichts vom Browser, muss html, body und div aber auch keine anderen Sachen zuweisen. Guck dir den Quellcode meiner Seite doch mal an

Mangafreak1995 · 10. Oktober 2011, 00:32

Samus Aran schrieb:

lol, ich nehm auch nichts vom Browser, muss html, body und div aber auch keine anderen Sachen zuweisen. Guck dir den Quellcode meiner Seite doch mal an

Der Quelltext sieht eher nach "klicki-bunti" aus irgendwelchen Snippets aus (oder entscheide dich mal für ' oder ")
Achso, wie gesagt, der Browser rulez sowieso mit den eigenen Standardeinstellungen also immer schön überschreiben

Div über ganze Seite

Div über ganze Seite

konsti2 schrieb:

Quellcode

Samus Aran schrieb:

Samus Aran schrieb:

Samus Aran schrieb:

Samus Aran schrieb:

Ähnliche Themen

3 Benutzer haben hier geschrieben