kostenloser Webspace werbefrei: lima-city


problem mit float: left

lima-cityForumDie eigene HomepageHTML, CSS & Javascript

  1. Autor dieses Themas

    joi002

    Kostenloser Webspace von joi002

    joi002 hat kostenlosen Webspace.

    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. 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. 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

    Kostenloser Webspace von joi002

    joi002 hat kostenlosen Webspace.



    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

    Kostenloser Webspace von joi002

    joi002 hat kostenlosen Webspace.

    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

    Kostenloser Webspace von joi002

    joi002 hat kostenlosen Webspace.

    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?

Über lima-city

Login zum Webhosting ohne Werbung!