• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

DIV Probleme.

Status
Für weitere Antworten geschlossen.

sara21

Neues Mitglied
liebe leser/innen.
bisher habe ich immer mit Tabellen gearbeitet. bis ich an meinem neuen Projekt das ganze in Div erstellen muss..
kein problem!

www.winjoker24.de

könnt ihr euch anschauen!
der Content bereich kann ich nicht positionieren! habe enorme Probleme damit die position richtig anzugeben!
der Content ist in 2 Haupt DIV unterverschachtelt..
falls ihr den Code braucht:

ich wäre für jede hilfe dankbar...
mfg.
Code:
<style type="text/css">
<!--

div.Tabelle_01 {
	position:absolute;
	left:385px;
	top:280px;
	width:447px;
	height:650px;
}

div.Tabelle_03 {
	position:absolute;
	left:0px;
	top:0px;
	width:225px;
	height:690px;
}

div.index-NKL-SKL-01_ {
	position:absolute;
	left:0px;
	top:0px;
	width:225px;
	height:151px;
}

div.index-NKL-SKL-02_ {
	position:absolute;
	left:0px;
	top:151px;
	width:225px;
	height:194px;
}

div.index-NKL-SKL-03_ {
	position:absolute;
	left:0px;
	top:345px;
	width:225px;
	height:345px;
}

div.Tabelle_02 {
	position:absolute;
	left:0px;
	top:0px;
	width:222px;
	height:690px;
}

div.index-NKL-SKL-04_ {
	position:absolute;
	left:225px;
	top:0px;
	width:222px;
	height:151px;
}

div.index-NKL-SKL-05_ {
	position:absolute;
	left:225px;
	top:151px;
	width:222px;
	height:322px;
}

div.index-NKL-SKL-06_ {
	position:absolute;
	left:225px;
	top:473px;
	width:63px;
	height:217px;
}

div.index-NKL-SKL-07_ {
	position:absolute;
	left:288px;
	top:473px;
	width:159px;
	height:217px;
}

-->
</style>

</head>
<body style="background-color:#FFFFFF;">

<div class="Tabelle_01">
	<div class="Tabelle_03">
		<div class="index-NKL-SKL-01_">
			[img]images/index_nkl_skl/hauptseite_images/index_NKL_SKL_01.gif[/img]
		</div>
		<div class="index-NKL-SKL-02_" style="background-image:url(images/index_NKL_SKL_02.gif)">
			[img]images/index_nkl_skl/hauptseite_images/index_NKL_SKL_02.gif[/img]
		</div>
		<div class="index-NKL-SKL-03_">
			[img]images/index_nkl_skl/hauptseite_images/index_NKL_SKL_03.gif[/img]
		</div>
	</div>
	<div class="Tabelle_02">
		<div class="index-NKL-SKL-04_">
			[img]images/index_nkl_skl/hauptseite_images/index_NKL_SKL_04.gif[/img]
		</div>
		<div class="index-NKL-SKL-05_">
			[img]images/index_nkl_skl/hauptseite_images/index_NKL_SKL_05.gif[/img]
		</div>
		<div class="index-NKL-SKL-06_">
			[img]images/index_nkl_skl/hauptseite_images/index_NKL_SKL_06.gif[/img]
		</div>
		<div class="index-NKL-SKL-07_">
			[img]images/index_nkl_skl/hauptseite_images/index_NKL_SKL_07.gif[/img]
		</div>
	</div>
</div>
 
Werbung:
Sehe ich das richtig das du versuchst du Tabellen innerhalb der Divs noch zu Positionieren?
 
um ehrlich zu sein, würde das genau andersrum machen! ich würde gerne die positionierungen die Tabellen überlassen!
(da ich mich mit Tabellen eher auskenne als mit DIV)
aber ich darf nicht!!!!
ich muss alles mit DIV machen!
ich kriege es nicht hin, dass sich der mittlere (verschobene) bereich sich da aufhält, wo es hinsoll...
kann man nicht statt position: absolut nicht was anderes benutzen? z.b Auto!? oder so!?
oder mit dem TOP und LEFT!? auf auto umstellen!?
oder das ganze in eine tabelle verschachteln ??
 
Werbung:
Neu weil eine Stunde lang keiner antwortet ist das kein grund für einen Doppelpost...

Ich verstehe nicht ganz was du vorhast...
 
Werbung:
wie könnt ihr denn mein Gedanken von Tabellen in Div "umprogrammieren" ??
die positionierungen macht mich zu schaffen...
ich krieg das ganze nicht hin!!
 
fuer so ein schreckliches tabellendesign benutz halt tabellen
du sollst nicht mit divs genauso beschissene designs machen wie mit tabellen sondern halt barrierefreie und einfache designs. das da ist sinnlos.
ps: Position absolute auf divs finde ich pervers
 
finde ich auch!!! aber gibt es eine alternative!?
ich mein, kann man, die positionierung von DIV auf auto stellen, sodass die vorherige einstellung einfach vererbt werden!? das wäre doch klasse!!!!!!!!!!!
 
Werbung:
mach ein div, das alles umschliest. alle weiteren divs haben dann position:relative. Dann musst du halt mit dem werten ein wenig spielen. Am anfang is position:relative ein wenig verwirrend, aber ich bin mir sicher, dass du das schaffst.
Außerdem kannst du dir eine Menge mit float:left/right erleichtern. Vergiss, aber nicht, dass du das dann mit clear:left/right/both; wieder aufheben musst(in einem anderem Tag, der danach kommt[ich machs immer mit <br style="clear:left;" /> oder so, je nachdem, was ich halt brauch])
http://www.css4you.de/position.html
http://www.css4you.de/float.html
http://www.css4you.de/clear.html
http://www.designnation.de/Tutorial-lesen_XHTMLCSSHTMLElementerichtiggenutzt.html
Eine Menge Links und einiges zu lesen, ich weiß, aber ich glaub, das wird dir alles helfen,
 
Status
Für weitere Antworten geschlossen.
Zurück
Oben