kostenloser Webspace werbefrei: lima-city

[CSS]2 relative divs nebeneinander?

lima-city → Forum → Programmiersprachen → Sonstige Programmiersprachen

1. Autor dieses Themas

   benutzernaemelchen

   

   benutzernaemelchen hat kostenlosen Webspace.

   20:22, 21.3.2007

   Ich mache gerade eine Seite. Ich will das Layout zentrieren. das mach ich mit dem div "#all":
   

   <?php
   #all
   {
     	position:relative;
   	width:1023px;
   	min-height:786px;
   	margin-left:auto;
   	margin-right:auto;
   }

   
   In diesem div befinden sich die 2 divs "menuMiddle" und "contentMiddle":
   

   <?php
   #contentMiddle
   {
   	position:relative;
   	background-image:url(./images/contentMiddle.jpg);
   	background-repeat:repeat-y;
   	width:780px;
   	min-height:450px;
   	margin-top:-16px;
   	padding-left:10px;
   	color:#dfdfdf;
   }
   #menuMiddle
   {
   	position:relative;
   	background-image:url(./images/menuMiddle.jpg);
   	background-repeat:repeat-y;
   	width:205px;
   	min-height:450px;
   	margin-right:818px;
   	margin-top:-16px;
   }

   
   Ich will diese beiden divs nebeneinander setzen. Ich würde es ja mit position:absolute; machen, aber dann müsste ich es ja an die linke Seite setzen.
   Ich hab' mir diese Frage übrigens schon oft gestellt ;)
   
   Hoffe, ihr wisst eine Antwort.
   
   
   MfG
   
   
   
   EDIT: http://benutzernaemelchen.lima-city.de/doof1.jpg
   
   Beitrag geaendert: 21.3.2007 20:29:08 von benutzernaemelchen

2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

3. nilswerner

   nilswerner hat kostenlosen Webspace.

   21:13, 21.3.2007

   das brauchste gar nich ^^
   
   kennste den befehl
   float:left; ?
   den musste einfach bei beiden einsetzen, dann sind sie nebeneinander..
   
   edit:
   allerdings solltest du dann die position absolute, sowie die hohen margin angaben löschen..
   

   #contentMiddle
   {
       background-image:url(./images/contentMiddle.jpg);
       background-repeat:repeat-y;
       width:780px;
       min-height:450px;
       padding-left:10px;
       color:#dfdfdf;
       float:left;
   }
   #menuMiddle
   {
       background-image:url(./images/menuMiddle.jpg);
       background-repeat:repeat-y;
       width:205px;
       min-height:450px;
       float:left;
   }

   
   so sollte das dann ausschauen..
   
   Beitrag geaendert: 21.3.2007 21:16:04 von nilswerner
4. Autor dieses Themas

   benutzernaemelchen

   

   benutzernaemelchen hat kostenlosen Webspace.

   21:25, 21.3.2007

   Zusammensetzen kann ich's selber.
   
   Hätte mir aber auch selber einfallen können -_-
   
   
   Ähm.
   Noch ein Problem^^
   
   Ich hab mal gescreent:
   http://benutzernaemelchen.lima-city.de/doof2.jpg
   
   Und zwar soll der rechte, untere Teil, der da so abgelegen rumhängt nach oben zum Menü. Und zwar beständig.Geht bis jetzt aber nicht. Auch mit Float nicht.
   
   hier mal der COde der beiden unteren Teile(content und Menü):
   

   <?php
   #contentBottom
   {
   	position:relative;
   	background-image:url(./images/contentBottom.jpg);
   	background-repeat:no-repeat;
   	height:32px;
   	width:780px;
   	float:left;
   }
   #menuBottom
   {
   	position:relative;
   	background-image:url(./images/menuBottom.jpg);
   	background-repeat:no-repeat;
   	height:32px;
   	width:205px;
   	float:right;
   }
   ?>

   
   
   
   Beitrag geaendert: 21.3.2007 21:33:07 von benutzernaemelchen
5. Autor dieses Themas

   benutzernaemelchen

   

   benutzernaemelchen hat kostenlosen Webspace.

   6:58, 22.3.2007

   Oh man...
   Seit wann kann man denn absolute Elemente innerhalb relativen positionieren? Und die gehen dann mit den relativen auch noch mit?...Ist mir neu^^
   
   Haat sich jetzt auf jeden Fall mal auch gelöst und kann geclosed werden ;)
   
   Sry für den Doppelpost.

6. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?