Heren en dames,

Ik zit al 2 uur te proberen, maar kom er helaas zelf niet uit. Google heeft ook nog niet tot de oplossing geleid, dus vandaar dat ik jullie om hulp vraag. Het zal vast iets super makkelijks zijn voor een kenner.

op www.seozoekmachineoptimalisatie.com wil ik het plaatje aan de rechter kant naast de tekst aan de linker kant krijgen. Ik krijg het alleen niet verkeerd. Ik heb het opgebouw met een rechter en linker container. dus:

Code:

div#container 
    { 
        width: 900px; 
        overflow:                hidden;     
    } 
div#lContainer 
    { 
        background-color: #ffffff; 
        width: 450px; 
        padding: 0px 10px 10px 10px; 
        float: left; 
        padding-bottom: 30000px; 
        margin-bottom: -29995px; 
        font-family: Verdana; 
        font-size: 13px; 
        color: #333333; 
    } 
     
div#rContainer 
    { 
        background-color: #ffffff; 
        width: 450px; 
        padding: 10px 10px 10px 10px; 
        padding-bottom: 30000px; 
        margin-bottom: -30000px; 
        float: right; 
    }

Weet iemand van jullie wat ik moet doen om ze goed naast elkaar te krijgen?

Alvast heel erg bedankt!

Gr Tommy

Uw padding maakt uw div groter ...

450 + 10 + 10 = 470px * 2 = 940px en je hebt een container van 900px.

succes

Xavier,

Dank je voor je hulp.

Als ik er ipv 450, 430 van maak of zelf 428 werkt het ook niet. Dan blijft het plaatje rechtsonder hangen. Zie ik nog iets over het hoofd?

De div waar het plaatje in staat is:
#picture
{
height: 300px;
width: 400px;
background-image: url(images/seozoekmachineoptimalisatie_09.png);
}

Zou hier iets verkeerd kunnen zitten?

Hallo,
Heb je je div met float right boven je div met float left staan??
dit is namelijk ZEER belangrijk:

Code:

<div class='floatright'></div>
<div class='floatleft'></div>

Je kan ze ook allebij float left maken, dan gaan ze ook naast elkaar staan, maar als er dan een van de 2 kleiner is dan gaat hij mee.

gr. Erik

Geef je div#picture een float: right mee, dan staat hij helemaal rechts uitgelijnd. Vervolgens neem je <div id="rContainer"> op in je algemene container div, want zoals ik het nu zie sluit je die net ervoor. Dan werkt hij in firebug.

Totale code:

HTML:

Code:

<div id="header">
<h1>SEO zoekmachine optimalisatie</h1> 
<h2>Voor een hogere positie in de zoekmachine zoekresultaten</h2> 

</div> 
<div id="container">                 
                        <div id="lContainer"> 
                                <h3>SEO, zoekmachine optimalisatie<br></h3> 
                               <div align="justify">Door gebruik te maken van <strong>SEO, zoekmachine optimalisatie</strong> kunt u een hogere positie krijgen in de zoekresultaten van de zoekmachines. Hoe hoger de positie van uw website hoe meer bezoekers u zult ontvangen op uw website. Aangezien 98% van de internet gebruikers ook zoekmachines gebruikt zal dit bijdragen tot aanzienlijk meer bezoekers op uw website. Omdat uw website alleen bij de resultaten komt als uw site overeen komt met de zoekopdracht van de bezoeker, komen er ook in uw product, dienst, merk of bedrijf geinteresseerde bezoekers op uw website.<br><br> </div>
                                 
                                <h3>De voordelen van SEO, zoekmachine optimalisatie:<br></h3> 
                              
                                 
                             
                                <blockquote>
-    Meer geinteresseerde bezoekers op uw website.<br>
-    Dus meer verkopen, leads en/of geinformeerde mensen over uw product, dienst, merk of bedrijf.<br>
-    U betaald geen bedrag per bezoeker.<br>
-    Hogere positie zorgt voor een positief imago.<br>
-    Werkt voor alle zoekmachines.<br>
-    Heel een langdurig effect.<br>
</blockquote> 
                                
                        </div> 
                        <div id="rContainer"><div id="picture"></div>
                        </div> </div>

In de css voor #picture:

Code:

#picture {
background-image:url(images/seozoekmachineoptimalisatie_09.png);
float:right;
height:300px;
width:400px;


}

met deze code is het mij gelukt om hem in het vak te krijgen

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="nl" lang="nl"> 
        <head> 
                <title>SEO zoekmachine optimalisatie</title> 
                 
                <link rel="stylesheet" type="text/css" href="opmaak.css" /> 
        </head> 
         
        <body>
<div id="header">
<h1>SEO zoekmachine optimalisatie</h1> 
<h2>Voor een hogere positie in de zoekmachine zoekresultaten</h2> 
 
</div> 
<div id="container">                 
                        <div id="lContainer"> 
                                <h3>SEO, zoekmachine optimalisatie<br /></h3> 
                               <div align="justify">Door gebruik te maken van <strong>SEO, zoekmachine optimalisatie</strong> kunt u een hogere positie krijgen in de zoekresultaten van de zoekmachines. Hoe hoger de positie van uw website hoe meer bezoekers u zult ontvangen op uw website. Aangezien 98% van de internet gebruikers ook zoekmachines gebruikt zal dit bijdragen tot aanzienlijk meer bezoekers op uw website. Omdat uw website alleen bij de resultaten komt als uw site overeen komt met de zoekopdracht van de bezoeker, komen er ook in uw product, dienst, merk of bedrijf geinteresseerde bezoekers op uw website.<br /><br /> </div>
                                
                                <h3>De voordelen van SEO, zoekmachine optimalisatie:<br /></h3> 
                              
                                 
                             
                                <blockquote>
- Meer geinteresseerde bezoekers op uw website.<br />
- Dus meer verkopen, leads en/of geinformeerde mensen over uw product, dienst, merk of bedrijf.<br />
- U betaald geen bedrag per bezoeker.<br />
- Hogere positie zorgt voor een positief imago.<br />
- Werkt voor alle zoekmachines.<br />
- Heel een langdurig effect.<br />
</blockquote><div id="picture"></div>
                                
                        </div> </div> 
                        
                         </div> 
                </div> 
        </body> 
         
</html> 
 
        </body> 
         
</html>

Hey!

Het is gelukt met de Code van Tom.

Heel erg bedankt!

Gr Tommy

Graag gedaan!