Probleme mit Div Länge

GFX-Sector - HTML, CSS

GFX-Sector » Coding Area » Webentwicklung » HTML, CSS » Probleme mit Div Länge

» Hello Guest [Login|Register]

Last Post | First Unread Post

Print Page | Recommend to a Friend | Add Thread to Favorites

HTML, CSS

Einfache Scriptsprachen und deren Layout mit HTML und CSS

Probleme mit Div Länge

Author

Post

« Previous Thread | Next Thread »

PearlyGates PearlyGates is a male

Abwedler

Registration Date: 13.07.2009
Posts: 206
Location: Hamburg
Program: Photoshop Elements 10

Probleme mit Div Länge

werbefreies Forum?

Hallo Leute!

Ich habe ein kleines Problem. Meine Seite hat ein Design, welches von oben nach unten ohne Abbruch im Fenster durchgezogen sein soll. Der Link zur Seite ist folgender: http://greckoearts.gr.funpic.de/

Wenn man sich das so ansieht (auf einem größeren Bildschirm), dann hört das Design irgendwo an der Mitte auf weiterzugehen. Wie kriege ich es hin, dass es sich automatisch an die Größe des Bildschirms / Browserfensters anpasst.

Freue mich auf eure Antworten!

Gruß,
Greckoe

20.12.2009 14:11

Fireball Fireball is a male

Boardchef

Registration Date: 11.11.2006
Posts: 16,355
Classing-Rank: GFX-Sector
Location: Bremen, Deutschland
Program: Adobe Photoshop CS2
Deviantart: oenismaster
Forums: (alle)

Gib dem div#container mal eine height von 100%
Könnte klappen, muss es aber nicht großes Grinsen

GFX-Sector - Your GFX-Source No. 1
Fireball liebt Firefox

Fireballs Giftliste

SEOball SEO-Blog
Browserspiele Portal
Follow me on Twitter

20.12.2009 14:14

bpr

Spender

Registration Date: 18.11.2007
Posts: 557
Location: London
Program: Zend Studio
Forums: Coding; International Section

du musst aber bei html, body anfangen
mit height:100%, da immer das uebergeordnete element eine hoehe von 100% haben muss in deinem fall...

also

html, body
{
height:100%;
}

dein #container
{
height:100%
}

20.12.2009 14:20

PearlyGates PearlyGates is a male

Abwedler

Registration Date: 13.07.2009
Posts: 206
Location: Hamburg
Program: Photoshop Elements 10

Thread Starter Thread Started by PearlyGates

Hab ich mir auch gedacht, aber komischer Weise funktioniert das nicht!

So siehts momentan aus:

quote:

html, body {
margin: 0;
background-color: #C0C0C0;
font-family: Tahoma, Arial, Verdana;
font-size: 11px;
color: #474747;
line-height: 16px;
height: 100%;
}
div#container {
width: 600px;
margin: 0 auto;
background-color: #fff;
border-left: 1px solid #929292;
border-right: 1px solid #929292;
padding: 25px;
height: 100%;
}

20.12.2009 14:26

bpr

Spender

Registration Date: 18.11.2007
Posts: 557
Location: London
Program: Zend Studio
Forums: Coding; International Section

hatte mir mal eben deine seite und dein style runtergeladen:

hier der code und es geht...

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:

html, body {
    margin: 0;
    background-color: #C0C0C0;
    font-family: Tahoma, Arial, Verdana;
    font-size: 11px;
    color: #474747;
    line-height: 16px;
	height:100%;
	min-height:100%;
}
div#container {
	height:100%;
	min-height:100%;
    width: 600px;
    margin: 0 auto;
    background-color: #fff;
    border-left: 1px solid #929292;
    border-right: 1px solid #929292;
    padding: 25px;
}

20.12.2009 14:32

PearlyGates PearlyGates is a male

Abwedler

Registration Date: 13.07.2009
Posts: 206
Location: Hamburg
Program: Photoshop Elements 10

Thread Starter Thread Started by PearlyGates

quote:

Original von bpr
hatte mir mal eben deine seite und dein style runtergeladen:

hier der code und es geht...

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:

html, body {
    margin: 0;
    background-color: #C0C0C0;
    font-family: Tahoma, Arial, Verdana;
    font-size: 11px;
    color: #474747;
    line-height: 16px;
	height:100%;
	min-height:100%;
}
div#container {
	height:100%;
	min-height:100%;
    width: 600px;
    margin: 0 auto;
    background-color: #fff;
    border-left: 1px solid #929292;
    border-right: 1px solid #929292;
    padding: 25px;
}

Supi Danke dir herzlich!

20.12.2009 15:02

GFX-Sector
unregistered

Have you enjoyed this topic?

If you were enjoying this post and if you keen on reading more interesting stuff then do not hesitate to complete the free sign up.

After the free registration you will gain access to all areas and you will be able to communicate with other artists from all over the world.

In addition you will benefit from our Photoshop and coding section as well as from our huge (hundreds of gigabytes) free resource section where you can find everything you will need to be a successful (web) designer/artist.

Sign up now and enjoy the advantages as a registered member.

(This website will be ad-free after a complete free sign up.)

20.12.2009 15:02

Tree Structure | Board Structure

GFX-Sector » Coding Area » Webentwicklung » HTML, CSS » Probleme mit Div Länge

Similar topics to Probleme mit Div Länge

Thread

collab mit egj ._. (Forum: Signaturen/Avatare)

Mozilla starte mit neuer Beta durch! (Forum: Allgemeine Diskussion)

Battlesieger limited (2) (Forum: 1on1 Halle)

riko //Zeichnung mit Maus (Forum: Zeichnungen)

Hallo, alle miteinander! (Forum: Vorstellungen)

Heutige TOP 10 Suchbegriffe:
Cro Hintergrundbild Cro Cro Wallpaper Cro Hintergrundbilder Sexy Girls Ab 21 Jahren Kukluxklan Marlboro Marlboro Kkk Traumhaft Wallpaper Ku Klux Klan Marlboro

Probleme mit Div Länge : HTML, CSS (Permalink)

Sectorbereich

Forenbereich

Battlesection