kostenloser Webspace werbefrei: lima-city

problem mit float: left

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

1. Autor dieses Themas

   joi002

   

   joi002 hat kostenlosen Webspace.

   18:04, 23.11.2008

   hi,
   
   wie funktioniert dass, wenn ich zwei bereiche (divs z.b: ein bild und nen Text daneben) nebeneinander bringen will??
   
   weil wenn ich beim ersten Bereich " float: left " setze, funktioniert das zwar, allerdings geht
   der Inhalt dann über die homepage und den footer-bereich hinaus!!
   
   
   wie funktioniert das richtig???
   
   
   
   wäre dankbar für Hilfe#!!!!!
   
   
   glg
   
   
   Beitrag geändert: 23.11.2008 18:07:13 von joi002
   
   
   Beitrag geändert: 23.11.2008 18:07:59 von joi002

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.

   19:41, 23.11.2008

   ich weiß gerad nich, wie deine page ausschaut, aber text nebens bild zu bekommen würde so gehen:
   

   <img src="pfad/zum/bild.jpg" style="flaot:left;" />Hier steht nun der Text neben dem Bild,
   sollte es dir nicht gefallen, das er direkt daneben anfängt, dann füge noch zum bild den
   style: margin:5px; oder mehr ein...Dann wird der Abstand zum Bild größer ;)

   
   Solltest du das nicht gemeint haben, dann poste mal deinen quellcode
   
   
   Beitrag geändert: 23.11.2008 19:41:56 von nilswerner

4. khc

   

   khc hat kostenlosen Webspace.

   16:56, 24.11.2008

   mach danach einfach n div und clear die floats ;)
   
   also
   <div style="clear:all;"></div>
   
   sry muss heißen clear:both; ;)
   
   MfG khc
   
   
   Beitrag geändert: 24.11.2008 17:28:45 von khc
5. Autor dieses Themas

   joi002

   

   joi002 hat kostenlosen Webspace.

   17:25, 24.11.2008

   
   
   

   khc schrieb:
   mach danach einfach n div und clear die floats ;)
   
   also
   <div style='clear:all;'></div>
   
   MfG khc

   
   
   
   
   ja danke, genau danach hab ich gesucht!!!!
   
   ich hoff es geht jetzt!!!
   
   
   glg
6. Autor dieses Themas

   joi002

   

   joi002 hat kostenlosen Webspace.

   17:40, 24.11.2008

   hmm.
   
   nöö hat nicht funktioniert, also mein code ist dieser:
   
   
   

   <div id="page">
   <br>
   <h1> Aktuell </h1>
   <div class="img-rahmen">
   <img class="img-halbe-breite" src="bilder/b1.jpg" />
   </div>            
   <div class="text1">
   <h2> Firefox </h2> 
   Mozilla Firefox 3 ist derzeit der beste Browser. Er stellt Websites originalgetreu da (im Gegensatz zum IE ) .....blablabla          
   </div> 
   <div style='clear:all;'></div>
   </div>

   
   
   und der css code:
   
   

   .img-rahmen { 
   background-color: #a10c05; 
   padding: 2px; 
   float: left; 
   width: 400px; 
   margin-top: 3px; 
   }  
   .img-halbe-breite { 
   width: 400px;  
   } 
   .text1 {  
   width: 490px; 
   margin-left: 430px; 
   }

   
   
   
   Beitrag geändert: 24.11.2008 17:43:35 von joi002
7. Autor dieses Themas

   joi002

   

   joi002 hat kostenlosen Webspace.

   17:47, 24.11.2008

   ok sorry!!!!!!
   
   Problem gelöst!!
   
   bitte nicht mehr schreibn!!
   
   
   (clear: both) war das richtige!!
   
   
   danke khc
   
   
   glg

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

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

Dir gefällt dieses Thema?