zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden probleme mit verschachtelung

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 11.11.2007, 17:21
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 11.11.2007
Beiträge: 27
staccato befindet sich auf einem aufstrebenden Ast
Standard probleme mit verschachtelung

moin. bin neu hier und auch neu bei css.

habe vor folgendes layout mit css umzusetzen (head.jpg).

hatte mir das strukturell so gedacht:

Code:
<div id="container">
	<div id="head">
	
		<div id="boxen">
 			<div id="box1"></div>
			<div id="box4"></div>
			<div id="box2"></div>
			<div id="box3"></div>
		</div>
		<div id="menue"></div>
       </div>
</div>
Code:
#container{
  	height: 650px;
  	width: 1000px;
  	margin-top: 100px;
  	background-color: #FFFF00;
}

#head{
 	height: 175px;
  	width: 100%;
	position: relative;
	left: 0px;
	top: 0px;
	background-color: #FF0000;
}

#menue{
	left: 0px;
	top: 128px;
	float: left;
	position: relative;
  	height: 30px;
  	width: 100%;
	background-color: #0f0052;
}

#boxen {
	top: 0px;
	left: 12px;
	float: left;
	width: 220px;
	position: relative;
}
#box1 {
	float:left;
  	top: 0px;
  	left: 0px;
  	width: 35px;
  	height: 35px;
  	background-color: #9f99ba;
}

#box2 {
	float: left;
	top: 0px;
	left: 26px;
	width: 35px;
	height: 35px;
	background-color: #7b73a0;
	position: relative;
}
#box3 {
	float:right;
  	top: 0px;
  	right: 26px;
  	width: 35px;
  	height: 35px;
  	background-color: #574c86;
 	position: relative;
}
#box4 {
	float:right;
  	top: 0px;
  	left: 0px;
  	width: 35px;
  	height: 35px;
  	background-color: #33266c;
}
aber das produziert leider nur mist. irgendwie stören sich die div-boxen so dass die angegeben positionswerte nicht passen.

könnt ihr mir da weiterhelfen? vielleicht ist mein ansatz auch total falsch... bin für alles dankbar.
Angehängte Grafiken
Dateityp: jpg head.jpg (36,6 KB, 4x aufgerufen)
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 11.11.2007, 17:26
Benutzerbild von Crizzo
der mit dem Editor kämpft
XHTMLforum-Kenner
 
Registriert seit: 17.10.2006
Ort: Ost-Hessen
Beiträge: 4.829
Crizzo ist ein sehr geschätzer MenschCrizzo ist ein sehr geschätzer MenschCrizzo ist ein sehr geschätzer MenschCrizzo ist ein sehr geschätzer Mensch
Standard

Du baust ein "wunderschöne" Div-Suppe!
Überschriften gehören in <h1>,<h2> usw.
Text in <p>
Listen (auch Navigationen) in <ul>.

<Div> benuzt man nur, um Gruppen von Elementen zu verbinden, damit man diese einfacher positionieren kann. Semantisch geben sie keinen Sinn und sollten deshalb, wie alle semantisch sinnlosen Elemente, sparsam verwendet werden.

Setz das erstmal um und dann solltest du dir die Frage stellen: Wieso du "position:relative" nutzen willst und nicht versuchst die Elemente mit "float" zu positionieren.
__________________
Ohne Quelltext gibts selten Hilfe. Also: Onlinebeispiel hochladen und Link bereitstellen!
Foren-FAQ
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 11.11.2007, 17:41
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 11.11.2007
Beiträge: 27
staccato befindet sich auf einem aufstrebenden Ast
Standard



ok dann muss ich wohl doch etwas grundlegender anfangen...

hast du da vielleicht nen tipp für mich - irgendeine onlinedokumentation die mir das verständlich machen kann?
Mit Zitat antworten
  #4 (permalink)  
Alt 11.11.2007, 17:47
Benutzerbild von Crizzo
der mit dem Editor kämpft
XHTMLforum-Kenner
 
Registriert seit: 17.10.2006
Ort: Ost-Hessen
Beiträge: 4.829
Crizzo ist ein sehr geschätzer MenschCrizzo ist ein sehr geschätzer MenschCrizzo ist ein sehr geschätzer MenschCrizzo ist ein sehr geschätzer Mensch
Standard

Hier: Einführung in XHTML, CSS und Webdesign und Navigation in Listen: Cascading Style Sheets { Tutorials : Site-Navigation mit Listen }
__________________
Ohne Quelltext gibts selten Hilfe. Also: Onlinebeispiel hochladen und Link bereitstellen!
Foren-FAQ
Mit Zitat antworten
  #5 (permalink)  
Alt 11.11.2007, 17:54
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 11.11.2007
Beiträge: 27
staccato befindet sich auf einem aufstrebenden Ast
Standard

vielen danke!
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre 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 aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Verschachtelung von TABLE, DIV & SPAN - Probleme mit Validität hinkel11 Site- und Layoutcheck 4 27.09.2009 11:48
paar Probleme mit dem CSS Layout SimonK. CSS 6 05.10.2008 15:57
Probleme mit Div Verschachtelung XG1|AleX CSS 7 26.07.2007 19:02
IE: Probleme mit ul-Menü Ares CSS 4 18.10.2006 12:42


Alle Zeitangaben in WEZ +2. Es ist jetzt 07:36 Uhr.