kostenloser Webspace werbefrei: lima-city

Div aus Table machen HTML

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

1. Autor dieses Themas

   davy

   

   davy hat kostenlosen Webspace.

   11:35, 20.10.2010

   Hallo !
   
   Ich habe derzeit eine Tabelle auf meiner Seite, die so aussieht: http://www.davidlohmann.de/beispiel.png
   
   Daraus möchte ich gerne einen Div Container machen, wie geht das mit den 2 Spalten nebeneinander?
   Bisher habe ich nur Div´s mit nur einer Spalte gemacht.

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

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

3. karlsve

   Moderator

   karlsve hat kostenlosen Webspace.

   11:50, 20.10.2010

   Eine Frage, meinst du mit "daraus möchte ich einen Div Container machen", dass du pro spalte ein div hast oder beide spalten in ein div kommen?

4. s*************h

   11:50, 20.10.2010

   Hallo davy
   
   du machst einen Hauptcontainer und fügst in diesen zwei Untercontainer ein.
   Ungefähr so:
   
   

   <div class="main_container">
   <div class="con1"></div>
   <div class="con2"></div>
   </div>

   
   
   dann formatierst du die Untercontainer mit CSS
   

   con1{
    float:left 
   width:..
   height:...
   }

   
   und
   

   con2{
   float:right
   width:..
   height:...
   }

   
   Achtung nicht zu breit sonst bricht er die Container um. Füge am besten eine Border ein und schau wie sie sich verhalten.
   
   Gruß S.Brosch
   
   Beitrag zuletzt geändert: 20.10.2010 11:51:29 von software-brosch
5. Autor dieses Themas

   davy

   

   davy hat kostenlosen Webspace.

   11:54, 20.10.2010

   software-brosch schrieb:
   Hallo davy
   
   du machst einen Hauptcontainer und fügst in diesen zwei Untercontainer ein.
   Ungefähr so:
   
   

   <div class="main_container">
   <div class="con1"></div>
   <div class="con2"></div>
   </div>

   
   
   dann formatierst du die Untercontainer mit CSS
   

   con1{
    float:left 
   width:..
   height:...
   }

   
   und
   

   con2{
   float:right
   width:..
   height:...
   }

   
   Achtung nicht zu breit sonst bricht er die Container um. Füge am besten eine Border ein und schau wie sie sich verhalten.
   
   Gruß S.Brosch
   

   
   
   Danke, ich probiere es so !

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

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

Dir gefällt dieses Thema?