Anfängerfrage - warum geht das nciht

Yachtango · #1 (**permalink**) 22.07.2011, 17:54

ich habe eine CSS Datei, in welcher ein BG Bild so breit definiert wird, wie der jeweilige Bildschirm ist.

auch diverse Container

nur: nachdem ich eine Weile herumprobiert habe, welche Veränderungen wie aussehen (Anfänger), erscheinen die texte nicht mehr über dem BG Bild sondern darunter

was hab ich verbastelt?

CSS Datei
* {
padding: 0;
margin: 0;
}

img.bg {
/* Hintergrund fuellen */
min-height: 100%;
min-width: 1024px;

/* Skalieren */
width: 100%;
height: auto;

/* feste Positionierung */
position: fixed;
top: 0;
left: 0;
}

#content {
/* Der Inhalt liegt auf dem Hintergrundbild */
position: relative;

font-family: helvetica, arial, sans-serif;
font-size: 15pt;
line-height: 20pt;
color: #ffffff;
}

#content h1 {
position: relative;

font-family: helvetica, arial, sans-serif;
font-size: 35pt;
line-height: 30pt;
background-color: #666666 ;
background: top
color: #CCCC33;
}

#content p {
position: relative;
margin-bottom: 20px;
top: 10px;
left: 1050px;
width: 450px;
font-size: 40pt;
line-height: 26pt;
letter-spacing: -0.1em;
word-spacing: 0.1em;
text-transform: uppercase;
}

#content menu {
position: relative;
height: 150px;
width: 250px;
bottom: 60px;
background: #666666;
list-style: none;
text-decoration: none;
text-transform: uppercase;
color: #c6c287;
}

#content #menu ul {
margin: 3px 0 0 75px;
}

#content ul li {
list-style: none;
}

#content ul li a {
text-decoration: none;
text-transform: uppercase;
color: #fff;
}

#content #menu a:hover {
color: #c6c287;
}

body {
/* These rules have no effect on the functionality */
/* They are for styling only */
margin: 0;
padding: 20px 0 0 0;
}
=======================

html-Seite

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<title>Test wegen bildschirmbreitem BG Bild und CSS</title>

<link href="teststyle" rel="stylesheet" type="text/css">
</head>
<body>

<img class="bg" src="http://charterpartner.com/pics/bgscreen.jpg">

<div id="h1">YACHTING</div>
<div id="content"><table> <tr>
<td style="width:510px;">this is the new website</td>
<tr> <td style="width:510px;">for yachtcharter</td></tr>
<tr><td style="width:510px;">We are about to create it in your languaget</td></tr>

</table></div>
<p align="center"> <strong>Coming soon</strong></p>
<p align="center"><strong>SAIL MORE</strong></p>
<p align="center"><strong>Quality in Yachtcharters</strong></p>
<p align="center"><strong>Mediterranean - Caribbean - Polynesia</strong>a</p>

<div id="menu">

<div align="center"><a href="#">About us </a></div>
<div align="center"><a href="#">FAQ </a></div>
<div align="center"><a href="#"> sailing areas</a></div>
<div align="center"><a href="#"> our team </a></div>
<div align="center"><a href="#">imprint & contact</a></div>
</div>

</body>

</html>
===============

ich weiß, dáß das eine sehr simple Anfängerfrage ist, habe auch keine Zeit, Grundlagenwissen aus Büchern zu holen, daher suche ich Hinweise um es on the fly zu beheben und daraus zu lernen. Danke

take_a_7 · #2 (**permalink**) 24.07.2011, 16:08

Zitat:

Zitat von Yachtango

ich weiß, dáß das eine sehr simple Anfängerfrage ist, habe auch keine Zeit, Grundlagenwissen aus Büchern zu holen, daher suche ich Hinweise um es on the fly zu beheben und daraus zu lernen. Danke

Du wirst um Grundlagenwissen nicht herumkommen. Dein Code ist Müll, schmeiß ihn weg, und lies Little Boxes. Wenn du dazu keine Zeit hast, dann beauftrage jemanden, der Ahnung hat, sonst wird das nichts.
gruß,
take

Yachtango · #3 (**permalink**) 24.07.2011, 17:35

Zitat:

Zitat von take_a_7

Du wirst um Grundlagenwissen nicht herumkommen. Dein Code ist Müll, schmeiß ihn weg, und lies Little Boxes. Wenn du dazu keine Zeit hast, dann beauftrage jemanden, der Ahnung hat, sonst wird das nichts.
gruß,
take

Hallo - DIESER Online -Link ist KLASSE!
Der ganze Kurs ist excellent gemacht, es macht Spaß, das anzusehen und "mitzuspielen".
Erstmal stöbere ich (logisch) durch die kostenlosen Filme, wäre und bin aber sicherlich geneigt, hierfür was zu bezahlen!
Hat man selten, so eine gut gemachte Online-Lernumgebung!

Dafür ein DANKE mit 5 Sternen!

Praktikant · #4 (**permalink**) 24.07.2011, 19:20

Das ist eigentlich ein Buch.

Desweiteren: Benutzer für deinen Code bitte die entsprechenden Code-Tags. Diese kannst du im Editor über die Schaltflächen

,

oder

einfügen.

pmmueller · #5 (**permalink**) 26.07.2011, 19:06

Zitat:

Zitat von Praktikant

Das ist eigentlich ein Buch.

Nur zur Info: yachtango hat auf little-boxes.de die Videotrainings entdeckt.

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Anfängerfrage	RaBo	CSS	5	25.06.2009 13:17
Noch eine Anfängerfrage	RaBo	Serveradministration und serverseitige Scripte	4	05.12.2008 17:39
Anfängerfrage php	RaBo	Serveradministration und serverseitige Scripte	6	04.12.2008 22:09
Vorsicht Anfaengerfrage : zweispaltige Listen oder Tabellen ohne "table"	heinzel	(X)HTML	8	25.01.2007 00:40
Anfängerfrage: DIV-Inhalt per Link ändern?	cs-beckers	CSS	4	10.11.2005 23:02