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

Div frage

Status
Für weitere Antworten geschlossen.

CrackPod

Neues Mitglied
Ich habe nen code etwa so:
Code:
<div>
<div style="left:0px; top:0px;">
<div>[img]bild_top[/img]</div>
<div>Navigation + Links</div>
<div>[img]bild_bottom[/img]</div>
</div>
<div style="left:200px; top:0px;">
<div>[img]bild_top[/img]</div>
<div>Content + News</div>
<div>[img]bild_bottom[/img]</div>
</div>
<div style="left:400px; top:0px;">
<div>[img]bild_top[/img]</div>
<div>Umfragen + Counter + mehr</div>
<div>[img]bild_bottom[/img]</div>
</div>
</div>
jetz werden die 3 hauptbereiche untereinander und nicht nebeneinander angezeigt, wie beabsichtigt...
muss ich jetzt per css bei den letzten 2 bei top:-bla px; schreiben???
oder muss ich den code nur geringfügig abändern?? hab schon mehreres getestet aber nix gefunden... kann auch sein dass ich ein <div> zu früh aufgemacht hab bzw zu früh zugemacht hab...
wer mit der erklärung vom code nicht zurechtkommt, der kann sich das bald online anschauen ich lad das prob glei hoch...
 
Werbung:
könnt vll auch mit overflow:auto; gehen...müsst man aber erst ma probieren..

dann noch ne frage:
<div style="left:400x;

du schreibst drei mal x als einaheit für den abstand...deswegen nehm ich mal an das is absicht..
endlcih die frage:
was bringt/bewirkt das?
 
Code:
<div>
	<div style="position:absolute; left:0px; top:0px;">
		<div>Bild oben</div>
		<div>Navigation + Links</div>
		<div>Bild unten</div>
	</div>
	<div style="position:absolute; left:200px; top:0px;">
		<div>Bild oben</div>
		<div>Content + News</div>
		<div>Bild unten</div>
	</div>
	<div style="position:absolute; left:400px; top:0px;">
		<div>Bild oben</div>
		<div>Umfragen + Counter + mehr</div>
		<div>Bild unten</div>
	</div>
</div>

du hatest die p vor dem x vergessen so wie ich oben geschrieben habe klappt es.

mfg Prophet
 
Werbung:
Werbung:
doch natürlich ich nehme immer position:absolute; rein und er nimmt es immer auf das über stehende element bezogen es kommt da eigentlich keine fehler.

mfg Prophet
 
bei absolute kommt der müll raus!!! man man man wies mich langweilt... :cry:
zuviel php ich kann kein html mehr ^^
btw: gibt es noch mehr stlye elemente außer div und span??? weil bei span kann keinen bg machen aber mit dem würde es gehen
 
Werbung:
Code:
<div>
   <div style="position:absolute; left:0px; top:0px;">
      <div>Bild oben</div>
      <div>Navigation + Links</div>
      <div>Bild unten</div>
   </div>
   <div style="position:absolute; left:200px; top:0px;">
      <div>Bild oben</div>
      <div>Content + News</div>
      <div>Bild unten</div>
   </div>
   <div style="position:absolute; left:400px; top:0px;">
      <div>Bild oben</div>
      <div>Umfragen + Counter + mehr</div>
      <div>Bild unten</div>
   </div>
</div>
Dieser Code Funktioniert ich habe ihn doch schon getestet!!!!! in jedme browser!!!!

mfg Prophet
 
ja mag sein aber bei absoluten angabe geht der border nicht mehr um die divs schaus dir doch an!!! hab es jetz mla so gelassen(mit absolute) und dann siehst du dass es scheise aussieht ich weiß ja wovon ich rede
 
Werbung:
also ich verstehe nicht was du meinst es sieht doch hervorragend aus

mfg Prophet
 
kannst du mal nen screen machen von dem link der oben steht??? bei mir sieht es nicht so asu wie ich es haben will....
 
screen.jpg

so sieht es im ff aus.


opera sieht auch so aus und der ie lässt einige lücken zwischen dem oberen rahmen und dem rest der navi.

mfg Prophet

PS: Coole menü leisten kannst du mir sagen woher du die bilder hast??
 
Werbung:
du musst dem div feld auf oberster ebene eine konkrete köhe zuweisen. dann paasset e. das sind aber die macken von divs. die haben tabellen nicht so schön divs auch sind.

kennst du ein tut für solche menüs??

mfg Prophet
 
tabellen sind aber nicht für ein design gedacht!!!
und der rahmen soll ja flexibel sein, damit sich der auch vergrößert wenn der text größer wird...
 
Werbung:
Status
Für weitere Antworten geschlossen.
Zurück
Oben