Aufbau meiner Seite und Problem mit 100%

**The River** · 19.06.2011 15:26

Hallo Leute,
Ich wusste nicht recht wie ich den Threadtitel nennen sollte, trotzdem versuche ich mein Problem zu erläutern und hoffe auf Hilfe.

Ein Freund von mir meinte eben der Aufbau meiner HTML datei sei nicht optimal. Was denkt ihr?

HTML-Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Startseite</title>
<link href="../css/screen.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="Main">
		<ul id="nav">
		<li><a href="#">Startseite</a></li>
		<li><a href="#">Über uns</a></li>
		<li><a href="#">Unsere Arbeit</a></li>
		<li><a href="#">Kontakt</a></li>
		</ul>
        
   <h2 id="Willkommen">Herzlich Willkommen auf unserer Webpräsenz</h2>
        
        
</div>
</body>
</html>

Das ist mein Aufbau der HTML.

Nun habe ich aber noch das Problem, das die Seite das komplette Fenster vom Browser ausfüllen soll, leider bekomm ich es nicht hin.

Hier ist der Css Code:

HTML-Code:

body{
	font-size:14px;
	font-family:Arial,Verdana,Sans-Serif;
	height:100%
}

#Main{
	background-image:url(../bilder/background.jpg);	
	background-repeat:no-repeat;
	width:1250px;
	height:1250px;
	
}

#nav{
	position: absolute;
	width:980px;
	height:85px;
	list-style:none;
	margin: 0px;
	padding: 0px 130px;
}
			
li{
	list-style: none;
	color: white;
	float: left;
	margin-right:3px;
	margin-left: 3px;
	padding: 5px 40px 5px 40px;
	width: 110px;
	height: 75px;
	text-align: center;
	line-height: 75px;
}

#Willkommen{
	padding-top:150px;
	padding-left:390px;
	color:white

Hoffe ich habe alles richtig gemacht.

Danke, und einen schönen Sonntag.

**wildmieze** · 19.06.2011 18:27

Hmm .. am HTML fällt mir nichts auf ... außer vielleicht, daß man seine Startseite nicht "Startseite" im <title> nennen sollte. Damit kann google recht wenig anfangen ..

Was die 100& Höhe angeht .. *kratzamkopp* .. kannst ja erstmal versuchen, das fehlende Semikolon hinter die 100% zu setzen, vielleicht isses das schon. Ich weiß nur nicht, was Du damit willst, wenn Du dann Dein main-div auf 1250x1250 Pixel setzt ..

**The River** · 19.06.2011 20:59

Die Page heißt nur zu Testzwecken Startseite, ich benenne sie später noch um.

Ich möchte einfach nur, das der Hintergrund der Seite das Browserfenster komplett ausfüllt.

Sobald ich die height und width bei dem Main Div entfern` wird der Hintergrund abgeschnitten.

Würde fast meinen das Hintergrund Image liegt im falschen Div?

Grüße

**Frangulus** · 19.06.2011 21:55

Hallo,

wenn das Hintergrundbild den ganzen Schirm ausfüllen soll, mach es doch ins DIV für den body und gib dort noch width: 100% an.

**hero-master** · 20.06.2011 09:55

Hi,

Zitat von The River

Ich möchte einfach nur, das der Hintergrund der Seite das Browserfenster komplett ausfüllt.

Lass das Div weg, machs über den body. Dabei hast du 2 Möglichkeiten: CSS und jQuery. Die Vorteile von CSS liegen auf der Hand, die Nachteile sind die noch kaum vorhandene Browserunterstützung (also IE).

http://css-tricks.com/3458-perfect-f...ckground-image

**The River** · 21.06.2011 16:02

Problem hat sich soeben gelöst. Einfach ein paar <div> rumgeschoben :P

zur Startseite vom TP

Thema: Aufbau meiner Seite und Problem mit 100%

LinkBack

Themen-Optionen

Thema durchsuchen

Thema bewerten

Aufbau meiner Seite und Problem mit 100%

Ähnliche Themen

Problem mit Textfeld in einem Inline Frame auf meiner Kontakt Seite.

Problem bei meiner Seite

Aufbau der Seite

layout problem mit meiner seite

Aufbau der Seite Forum Dreamweaver

Aktive Benutzer

Aktive Benutzer