Gegen Bilderklau - Das Original | Druckvorschau: Div-Layout

Gegen Bilderklau - Das Original (https://www.gegen-bilderklau.net/index.php)
- Design, Website, Copyright (https://www.gegen-bilderklau.net/board.php?boardid=80)
--- Homepagehilfe (https://www.gegen-bilderklau.net/board.php?boardid=27)
---- Homepagehilfe - Archiv (https://www.gegen-bilderklau.net/board.php?boardid=139)
----- [CSS] Div-Layout (https://www.gegen-bilderklau.net/thread.php?threadid=169086)

Geschrieben von Startpost-Retter am 28.02.2010 um 12:29:

Div-Layout

hilfe ihr GB-ler unglücklich

Mein Div-Lay mobbt mich. nach dem tut ist es und naja. vlt. findet ja einer den fehler, denn es sieht so aus.

index.html

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:

<html>
<head>
<title>xx EDELWEISS xx</title>

<!---CCS STYLESHEET-->
<link href="style.css" rel="stylesheet">
</head>
<body>

<!---LAYOUT-->
<div id="layout">

<!---CONTENT-->
<div id="content">
INHALT
</div>

<!---NAVI-->
<div id="navi">
NAVIGATION<p>
</div>

<!---UNTERMENU-->
<div id="untermenu">
UNTERMENU
</div>


</body></div>
</html>

style.css

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:

body {
overflow-x:hidden; 
background-image:url('http://serversh.se.funpic.de/ponygestuet/design/footer.png'); 
font-family:Sylfaen; 
font-size: 10pt; } 

#layout {

margin-top: 0px; 
margin-left: 0px; 
width: 1000px; 
height: 600px;
position: absolute;
background:url(http://serversh.se.funpic.de/ponygestuet/design.png) no-repeat; 

#content {
width: 645px; 
margin-top: 305px; 
margin-left: 300px; 
position: absolute;
}

#navi {
width: 210px;
hight: 140px;
margin-top: 305px;
margin-left: 35px;
position: absolute;
} 

#untermenu {
width: 205px;
margin-top: 85px;
margin-left: 630px;
position: absolute;
} 

h1 {
font-size: 12pt; 
font-color: #FF2D99; 
line-height: 20px; 
text-align: right; 
background-color: #E4E4E4; 
font-family: Sylfaen, serif; 
letter-spacing: 5px; 
text-transform: uppercase; 
} 

a:link {color: #FF2D99; text-decoration: none;} 
a:visited {color: #E52C84; text-decoration: none;} 
a:hover {color: #FF2D99; text-decoration: uppercase;}

Geschrieben von Leila am 28.02.2010 um 12:45:

hast du die Angaben zu den Felderpositionen mal direkt im Tag statt im CSS-File ausprobiert? Ich hab die Ortsangaben immer lieber direkt im Tag drin, als in nem externen CSS-File

Geschrieben von Leila am 28.02.2010 um 13:05:

ah, probiers mal im normalen code mit

<link href="style.css" rel="stylesheet" type="text/css">

statt mit <link href="style.css" rel="stylesheet">

Geschrieben von Thorim am 28.02.2010 um 19:41:

kleiner Fehler in der html, bei CSS warens doch einige (bei #layout ein '}' vergessen, hight statt height...)

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:

<html>
<head>
	<title>xx EDELWEISS xx</title>
	
	<!---CCS STYLESHEET-->
	<link href="style.css" rel="stylesheet" tyoe="text/css">
</head>
<body>
	
	<!---LAYOUT-->
	<div id="layout">
		
		<!---CONTENT-->
		<div id="content">
		INHALT
		</div>
		
		<!---NAVI-->
		<div id="navi">
		NAVIGATION
		</div>
		
		<!---UNTERMENU-->
		<div id="untermenu">
		UNTERMENU
		</div>
		
	</div>
	
</body>
</html>

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:

body {
	overflow-x: hidden; 
	background-image: url('http://serversh.se.funpic.de/ponygestuet/design/footer.png'); 
	font-family: Sylfaen; 
	font-size: 10pt;
} 

#layout {
	margin-top: 0px; 
	margin-left: 0px; 
	width: 1000px; 
	height: 600px;
	position: absolute;
	background:url('http://serversh.se.funpic.de/ponygestuet/design.png') no-repeat;
}

#content {
	width: 645px; 
	margin-top: 305px; 
	margin-left: 300px; 
	position: absolute;
}

#navi {
	width: 210px;
	height: 140px;
	margin-top: 305px;
	margin-left: 35px;
	position: absolute;
} 

#untermenu {
	width: 205px;
	margin-top: 85px;
	margin-left: 630px;
	position: absolute;
} 

h1 {
	font-size: 12pt; 
	color: #FF2D99; 
	line-height: 20px; 
	text-align: right; 
	background-color: #E4E4E4; 
	font-family: Sylfaen, serif; 
	letter-spacing: 5px; 
	text-transform: uppercase; 
} 

a:link { color: #FF2D99; text-decoration: none; } 
a:visited { color: #E52C84; text-decoration: none; } 
a:hover { color: #FF2D99; text-transform: uppercase; }