Forum wil niet naast elkaar

Gestart doorMarv8 reacties48 weergaven

9 berichten · pagina 1 van 1

Marv

Lid · Topicstarter

Berichten
3.092
Reputatie
1
Punten
0,21
Lid sinds
Laatst gezien
Hallo,

Mijn forum ziet er op Chrome momenteel zo uit:
Afbeelding

In Firefox en IE is het wel goed, maar in chrome blijft er een wit vlak boven de content tekst.

Zoals op deze foto te zien is:
Afbeelding

Zie je dat die div te groot is, maar als ik hem probeer te verkleinen lukt het ook niet.

<div style="width: 120px; text-align: center; padding-top: 5px; padding-bottom: 5px; float: left; margin-left: -230px;">
Links waar dus de gebruiker staat
</div>

<div style="width: 500px; overflow: hidden; float: left; padding: 5px; margin-left: 120px;">
forum gedeelte met de tekst.
</div>
 
<div style="clear: both;"></div>
</div>


Iemand een idee?
0
Rik

Lid

Berichten
18.393
Reputatie
0
Punten
0,04
Lid sinds
Laatst gezien
Komt waarschijnlijk door je negatieve margin.
0
Berichten
6.485
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Doe alsjeblief geen inline css gebruiken cry
0
Marv

Lid · Topicstarter

Berichten
3.092
Reputatie
1
Punten
0,21
Lid sinds
Laatst gezien
Rik schreef:
Komt waarschijnlijk door je negatieve margin.
Haal ik dat weg, dan komt de gebruikersinfo op de plek te staan waar nu het witte vlak is, in het midden dus, terwijl ik float:left gebruik?
0
Jvdw

Lid

Berichten
4.321
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
wat zijn de divs daarrond?redface
toevoeging op 22 oktober 2012, 181804:
+ hun styles yummie
0
Marv

Lid · Topicstarter

Berichten
3.092
Reputatie
1
Punten
0,21
Lid sinds
Laatst gezien
[COLOR= #0000BB]<?php[/COLOR]
 [COLOR= #007700]<[/COLOR]div style[COLOR= #007700]=[/COLOR][COLOR= #DD0000]"width: 645px; border-bottom: 0px #26A0CC solid; border-top: 1px #26A0CC solid;"[/COLOR][COLOR= #007700]>
          <[/COLOR]div style[COLOR= #007700]=[/COLOR][COLOR= #DD0000]"width: 645px; color: #FFF; padding-top: 5px; padding-left: 5px; height: 20px; padding-bottom: 1px; border-bottom: 1px #26A0CC solid; margin: 0 auto; margin-top: 1px; position: relative; background: url( . $core->siteStaticUrl . images/postInfo.png) repeat-x;"[/COLOR][COLOR= #007700]>
            <[/COLOR]div style[COLOR= #007700]=[/COLOR][COLOR= #DD0000]"float: left;"[/COLOR][COLOR= #007700]>[/COLOR]
              Geplaatst op [COLOR= #DD0000] . $core->dutchTime($rFetch[[/COLOR]datum[COLOR= #DD0000]], [/COLOR]extended[COLOR= #DD0000]) . [/COLOR]
            [COLOR= #007700]<[/COLOR]/div[COLOR= #007700]>
            <[/COLOR]div style[COLOR= #007700]=[/COLOR][COLOR= #DD0000]"float: right; padding-right: 10px;"[/COLOR][COLOR= #007700]>[/COLOR][COLOR= #DD0000] . $opties . [/COLOR][COLOR= #007700]<[/COLOR]/div[COLOR= #007700]>
          <[/COLOR]/div[COLOR= #007700]>
          <[/COLOR]div style[COLOR= #007700]=[/COLOR][COLOR= #DD0000]"width: 630px; background: url( . $core->siteStaticUrl . images/forumBg.png) repeat-y;"[/COLOR][COLOR= #007700]>
          <[/COLOR]div style[COLOR= #007700]=[/COLOR][COLOR= #DD0000]"width: 120px; text-align: center; padding-top: 5px; padding-bottom: 5px; float: left; margin-left: -230px;"[/COLOR][COLOR= #007700]>[/COLOR]
            [COLOR= #DD0000] . $online . [/COLOR][COLOR= #007700]<[/COLOR]a href[COLOR= #007700]=[/COLOR][COLOR= #DD0000]" . $core->siteUrl . leden/profiel/ . $core->entities($uFetch[gebruikersnaam]) . "[/COLOR][COLOR= #007700]>[/COLOR][COLOR= #DD0000] . $core->entities($uFetch[[/COLOR]gebruikersnaam[COLOR= #DD0000]]) . [/COLOR][COLOR= #007700]<[/COLOR]/a[COLOR= #007700]><[/COLOR]br /[COLOR= #007700]>[/COLOR]
            [COLOR= #DD0000] . $rang[$uFetch[[/COLOR]rang[COLOR= #DD0000]]] . $avatar . [/COLOR]
          [COLOR= #007700]<[/COLOR]/div[COLOR= #007700]>
          <[/COLOR]div style[COLOR= #007700]=[/COLOR][COLOR= #DD0000]"width: 500px; overflow: hidden; float: left; padding: 5px; margin-left: 120px;"[/COLOR][COLOR= #007700]>[/COLOR]
            [COLOR= #DD0000] . $core->setSmileys($core->setUBB($rFetch[[/COLOR]bericht[COLOR= #DD0000]], $rFetch[[/COLOR]uId[COLOR= #DD0000]])) . $laatsteWijziging . $onderschrift . [/COLOR]
          [COLOR= #007700]<[/COLOR]/div[COLOR= #007700]>
          <[/COLOR]div style[COLOR= #007700]=[/COLOR][COLOR= #DD0000]"clear: both;"[/COLOR][COLOR= #007700]><[/COLOR]/div[COLOR= #007700]>
          <[/COLOR]/div[COLOR= #007700]>
        <[/COLOR]/div[COLOR= #007700]>[/COLOR]
?>
0
Berichten
15.446
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
de width is 630px, het linkervak is 120px en het rechter vak is 500px en dan gebruik je ook nog een margin-left van 120px = totaal 740px dit is groter dan 630px css is soms ook ff goed rekenen wink
0
Jvdw

Lid

Berichten
4.321
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Idd, gewoon ff rekenen, ook de padding erbij rekenen yummie
0
Marv

Lid · Topicstarter

Berichten
3.092
Reputatie
1
Punten
0,21
Lid sinds
Laatst gezien
Jvdw schreef:
Idd, gewoon ff rekenen, ook de padding erbij rekenen yummie
Opgelost, ik had die margin-left nooit gezien, weggehaald en nu padding-left 15px van gemaakt, nu is hij goed! Bedankt!
0

Jouw reactie

Deel je idee, stel een vraag of help een ander verder.

Editor laden…

Praat mee met de One2xs-community.

Inloggen om te reageren