Div staat op verkeerde plaats

[gast0231]

Hoi

Ik heb een probleem waar ik niet uit kom. Ik zit namelijk met een ontwerp in CSS3 en nu heb ik twee kolommen. De tweede kolom begint pas onder de eerste, het ziet er zo dus niet uit... Ik heb dit geprobeerd in Firefox en Chrome, overal het zelfde...

Het adres is http://www.bdev053.tk/

Alvast bedankt...

p.s. Ook in Linux zijn er een aantal problemen, zo word de slogan niet op de juiste plaats weergeven in Firefox. Iemand een idee???

 

[Tha Devil]

.rightcontent {
  background-color: white;
  border-bottom-left-radius: 10px 10px;
  border-bottom-right-radius: 10px 10px;
  border-top-left-radius: 10px 10px;
  border-top-right-radius: 0px 0px;
  color: #404040;
  float: left;
  margin-bottom: 10px;
  margin-right: 10px;
  width: 265px;
}

.leftcontent {
  background-color: white;
  border-bottom-left-radius: 10px 10px;
  border-bottom-right-radius: 10px 10px;
  border-top-left-radius: 10px 10px;
  border-top-right-radius: 10px 10px;
  color: #404040;
  float: left;
  margin-bottom: 10px;
  margin-left: 10px;
  padding-right: 5px;
  width: 500px;
}

Dit lijkt het probleem op te lossen, hoewel er dan geen ruimte tussen de blokken ontstaat

(Getest is Chrome)

 

[csshunter]

<offtopic>
Een zero-width space (ZWSP,​ &​​​#8203; ) zou je er in php uit kunnen filteren met een string-replace str_replace(...). Zie hier.
Met javascript kan iets dergelijks; zie broncode van deze.
</offtopic>

 

[gast0231]

Bedankt, ik ben er inmiddels uit gekomen, ga nu verder werken aan wat content voor op de site

 

[gast0231]

<offtopic>
Een zero-width space (ZWSP,​ &​​​#8203; ) zou je er in php uit kunnen filteren met een string-replace str_replace(...). Zie hier.
Met javascript kan iets dergelijks; zie broncode van deze.
</offtopic>

Dit heb ik geprobeerd, werkte niet. Het lijkt wel of zodra het teken gepost is het teken niet meer als &#8203 geregistreerd staat, hij word gewoon niet gevonden...