TP Underground Lounge 07/08
-


Hinweise


Antwort
 
LinkBack Themen-Optionen Thema durchsuchen Thema bewerten
Alt 24.01.2006, 18:16   #1
TP-Senior
 
Benutzerbild von Palorux
 
Registriert seit: May 2005
Ort: =- DRESDEN -=
Palorux ist auf einem guten Weg
Question

Den Wrapper Div soll um alles gehen..?


Hallo erst mal,

folgendes Problem habe ich mal wieder.
Ich möchte gerne folgende machen, ein einfaches Design 3 Spaltig Header, Left und Content.
Das ganze soll umschlossen werden von einer 4 Div Box den Wrapper, dass klappt leider nicht so wie ich es mir wünsche.
Leider ist die Div Box Left irgendwie da nicht drin, da ich die Div Box Wrapper gerne mit einer Hintergrundgrafik versehen möchte währe es schon schön das diese Div Box da mit drin ist. Kann man das machen, oder liege ich da völlig falsch mit meiner Sache.
Hier der Code, vielleicht kann mal bitte jemand schauen, was da falsch läuft.
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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>test</title>
<style type="text/css">
<!--
#wrapper {
	background-color: #FF0000;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width: 800px;
}

#header{
	background:gainsboro;
	padding:5px;
	border:1px solid black;
}

#left{
	background:silver;
	float:left;padding:5px;
	border:1px solid black;
	width:170px;
	margin:5px 0 0 0;
}

#content{
	background:darkgray;
	padding:5px;
	margin:5px 0 0 190px;
	border:1px solid black;
} 

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 95%;
	color: #000000;
	margin: 0px;
}
-->
</style>
</head>

<body>
<div id="wrapper">
<div id="header"><br>
</div>

<div id="left"><br><br />
<br />Inhalt
<br />Inhalt
<br />Inhalt
<br />Inhalt
<br />Inhalt

</div>

<div id="content"><br>
</div> 

</div>
</body>
</html>
Danke für Eure Hilfe.....
__________________
Palorux
- : - : - : - : - : - : - : -
Ab hier bitte, mit den Augen eines Anfänger schauen!!
Meine Versuche: Palorux
Palorux ist offline   Mit Zitat antworten


Alt 24.01.2006, 18:35   #2
TP-Moderator
 
Benutzerbild von hero-master
 
Registriert seit: Mar 2003
Ort: Hamburg
hero-master ist ein richtiges Arbeitstier - DANKEhero-master ist ein richtiges Arbeitstier - DANKEhero-master ist ein richtiges Arbeitstier - DANKEhero-master ist ein richtiges Arbeitstier - DANKEhero-master ist ein richtiges Arbeitstier - DANKEhero-master ist ein richtiges Arbeitstier - DANKE
Nabend Palorux
das Problem taucht in letzter Zeit hier öfter auf und die Lösung ist recht simpel:
"Wer float sagt, muss auch clear sagen"
Nach dem Content-Div einfach ein div bzw. ein break mit einem clear:left; versehen und schon klappt das

Und noch mein Lieblingslonk dazu:
http://www.andreas-kalt.de/webdesign.../float-theorie
__________________
Grüße Nico

Meine kleinen CSS-Tutorials
hero-master ist offline   Mit Zitat antworten
Alt 24.01.2006, 19:02   #3
TP-Senior
 
Benutzerbild von Palorux
 
Registriert seit: May 2005
Ort: =- DRESDEN -=
Palorux ist auf einem guten Weg
Thumbs up

Danke @hero-master


Danke für Deine Hilfe und einen schönen guten Abend @hero-master,

Du hattest Recht das ist ja sehr wenig was da fehlte,
so habe ich es gelöst das ganze

<div id="content"><br>
</div>
<div style="clear:left;"></div>
__________________
Palorux
- : - : - : - : - : - : - : -
Ab hier bitte, mit den Augen eines Anfänger schauen!!
Meine Versuche: Palorux
Palorux ist offline   Mit Zitat antworten
Antwort

  Aktuelles Thema
  TP Hilfe Forum > Web-Editoren & Coding > HTML Puristen > CSS
Den Wrapper Div soll um alles gehen..? Den Wrapper Div soll um alles gehen..?
« In eine Div, regel nur für diese Div setzen! | iFrame per css vergrößern? »

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
 
Themen-Optionen Thema durchsuchen
Thema durchsuchen:

Erweiterte Suche
Thema bewerten
Thema bewerten:

Forumregeln
Es ist dir nicht erlaubt, neue Themen zu verfassen.
Es ist dir nicht erlaubt, auf Beiträge zu antworten.
Es ist dir nicht erlaubt, Anhänge hochzuladen.
Es ist dir nicht erlaubt, deine Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are an
Gehe zu


Alle Zeitangaben in WEZ +2. Es ist jetzt 05:27 Uhr.

Powered by: vBulletin Version 3.7 (Deutsch)
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd. / Search Engine Friendly URLs by vBSEO 3.2.0 ©2008, Crawlability, Inc.
Traum-Projekt.com | Suchen | Archiv | Impressum | Kontakt | | | Nach oben |



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 54 55 56 57 58 59 60 61 62 63 64 65 66 67

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 54 55 56 57 58 59 60 61 62 63 64 65 66 67