[CSS] Tekst valt weg

[Ropniko]

Ik zit met het volgende probleem, ik zit momenteel met een website waarbij de tekst wegvalt langs de zijkant van de div. Om het goed te laten zien (aan de rechterzijde dus alleen):

Het gaat om de website http://www.goed-recht.nl gemaakt met Joomla en een tikkie verbouwd zodat het allemaal meer past bij de wensen van degene voor wie deze is gebouwd. Heb zelf al gezocht naar een mogelijke oorzaak maar ik kan het absoluut niet vinden.

De bijbehorende CSS staat hier: http://www.goed-recht.nl/...lean/css/template_css.css

En het bijbehorende stukje:

Cascading Stylesheet:

#content {width:65%; float: left; padding-top: 0px; background: url(../images/div2.jpg) right top repeat-y; padding-right: 35px;!important; padding-right:30px;}

Daar heb ik de volgende dingen geprobeerd voor het middenvlak:
Padding erbij gezet, Margin verhoogd, de rechter div verplaatst, font-size veranderd maar allemaal geen effect behalve dan dat het allemaal niet goed past. Heeft iemand een idee wat het zou kunnen zijn? Waarschijnlijk kijk ik over iets heen waardoor het niet wil werken.

[denbuzze]

Jouw site heb ik even met firebug geïnspecteerd, in firefox werkt alles perfect, maar in IE heb je inderdaad die vreemde "bug".

Volgens mij zit het probleem in de volgende 2 divs:

Content
Right

Ik zou het volgende doen:

1) Verwijder eens die div met ID "right" in je html code (er staat namelijk niets in die div)
2) Doe die background image eens weg in de content div en verander de width naar 100%
3) Haal ook even de background property van al je <p> tags weg. (je hebt ook veel de background: inherit lijn staan in je css; maar waarom weet ik niet)

Daarnaast vind ik het ook niet aan te raden om een div met daarin tabellen te gebruiken om tekst weer te geven.

[Verwijderd]

In Firefox (Linux) heb ik geen last van die afbreek-bug, maar wel van dit:
http://xs224.xs.to/xs224/08081/buggie776.png

Dat komt doordat de tekst niet op één regel past, waardoor de floating div doet wat het moet doen: wrappen. Als ik met Firebug "Liberation Sans" als eerste optie toevoeg ziet het menu er weer normaal uit. Ik gebruik Linux, maar hetzelfde probleem zou je weleens op de Mac kunnen hebben. Niet elk platform heeft dezelfde fonts.

Cascading Stylesheet:

.moduletable-top_menu ul {
    color:white;
    float:left;
    font-family:"Liberation Sans",Arial,Helvetica,sans-serif;
    font-size:10px;
    line-height:18px;
    margin-left:0px;
    margin-top:11px;
    padding-bottom:5px;
    padding-left:0px;
    text-align:left;
}

Tweakers.net gebruikt de volgende regel:

Cascading Stylesheet:

font-family:arial,helvetica,"liberation sans","dejavu sans condensed",sans-serif;

[ Voor 8% gewijzigd door Verwijderd op 18-02-2008 02:58 ]