Onderwerp: CSS hulp! :)

Ik heb het volgende probleem, in IE doet mijn site het wel goed maar in mozilla dan is de contentbox rechtsonder te kort -> zie www.script-dev.net
Is er iemand die weet hoe ik dit kan verhelpen?

/* Algemene style */
* {
color:#8E8E8E;
margin:0;
padding:0;
font-family:Verdana;
font-size:11px;
}
div.newblock {
clear:both;
}

/* Aangepaste styles */
#container {
width:750px;
margin:10px auto;
}
#logo {
float:left;
border:0;
}
#topnavigatie {
floatight;
text-alignight;
}
#topnavigatie dl {
float:left;
margin-left:10px;
padding-right:5px;
height:56px;
text-alignight;
background:url(img/topmenu-background.png) no-repeat bottom right;
}
#topnavigatie dt a {
display:block;
text-transform:uppercase;
text-decoration:none;
padding-top:12px;
font:bold 13px Verdana;
color:#637583;
}
#topnavigatie dt a:hover {
text-decoration:underline;
}
#topnavigatie dd {
font:bold 11px Verdana;
}
#banner {
margin-top:10px;
clear:both;
}
#projecten {
float:left;
margin-top:20px;
margin-left:20px;
width:300px;
}
#projecten div {
margin-left:50px;
font-size:11px;
}
#projecten img.icon {
margin-top:5px;
}
#projecten h3 {
color:#90A44D;
font-size:13px;
}
#projecten a.meer {
margin-left:250px;
padding-left:7px;
background:url(img/pijl.png) no-repeat center left;
color:#637583;
font-weight:bold;
}
#projecten a.meer:hover {
text-decoration:none;
}
a.test {
color:#8E8E8E;
text-decoration:underline;
font-size: x-small;
}
a.test:active {
color:#8E8E8E;
text-decoration:none;
}
a.test:visited {
color:#8E8E8E;
text-decoration:none;
}
a.test:hover {
color:#8E8E8E3;
text-decoration:underline
}

div.diensten {
float:left;
width:188px;
margin:7px 11px 0 0;
padding-bottom:5px;
border:1px solid #D8D6D7;
}
div.diensten p {
margin:0 2px 0 20px;
font-size:10px;
}
div.diensten a {
font-size:10px;
color:#637583;
}
div.diensten img {
margin-left:20px;
}
div.diensten div.item {
margin-left:19px;
}
div.diensten .item * {
font-size:10px;
color:#637583;
}
div.titel1, div.titel2 {
margin:4px 0 5px 20px;
padding-left:3px;
}
div.titel1 h3, div.titel2 h3 { text-transform:uppercase; }
div.titel1 { border-left:5px solid #637583; }
div.titel2 { border-left:5px solid #90A44D; }
.kleur1 { color:#637583; }
.kleur2 { color:#90A44D; }
#main-links {
float:left;
}
#info {
float:left;
clear:both;
margin-top:10px;
padding:10px 5px;
width:379px;
border:1px solid #D8D6D7;
background-color:#F8F8F8;
}
#info div {
margin-left:105px;
font-size:smaller;
}
#main-rechts {
float:left;
margin-top:9px;
width:345px;

}
#main-rechts .leeg {
background-color:#F8F8F8;
border:1px solid #D8D6D7;
width:324px;
}
#nieuwsbrief {
margin-top:7px;
width:250px;
padding:5px;
border:1px solid #D8D6D7;
}
#nieuwsbrief div.formulier {
margin-left:20px;
}
div.formulier{
width:280px;
}
div.formulier table{
width:293px;
}
div.formulier td {
text-align:left;
}
div.formulier td.titel {
text-align:left;
color:#90A44D;
}
div.formulier input {
border:1px solid #D7D5D6;
height:20px;
}
div.formulier input.aanmelden {
margin-left:190px;
border:0;
font-weight:bold;
color:#637583;
}
#footer {
margin:10px auto;
padding-top:30px;
text-align:center;
color:#637583;
}
#footer li {
display:inline;
padding-left:10px;
}
#footer li a {
font-weight:bold;
text-decoration:none;
padding-right:10px;
color:#637583;
}
#footer li a:hover {
text-decoration:underline;
}

Mvg, Ivo

#nieuwsbrief {
margin-top:7px;
width:250px;
padding:5px;
border:1px solid #D8D6D7;
}

div.formulier{
width:280px;
}

div.formulier table{
width:293px;
}

Wat gebeurt er als je de breedte van de div formulier aanpast? En van de tabel die in die div staat?

Code:

#nieuwsbrief div.formulier {
margin-left:20px;
}

Je geeft geen breedte op?
Ja in

Code:

div.formulier{
width:280px;
}

Maar probeer ze eens andersom te zetten:

Code:

div.formulier{
width:280px;
}
#nieuwsbrief div.formulier {
margin-left:20px;
}

Weet trouwens niet of dit het is hoor :P
anders zou je nog de width in #nieuwsbrief div.formulier kunnen proberen

Probeer eerst oplossing van jan ! de width #nieuwsbrief had ik overzien namelijk

Oorspronkelijk geplaatst door Jan Van Haaren

Wat gebeurt er als je de breedte van de div formulier aanpast? En van de tabel die in die div staat?

als ik div.formulier aanpas gebeurt er niet als ik de div.formulier table
Dan word in IE word hij breder, in mozilla gebeurt er helemaal niets

zet daar eens komma tussen, dus #nieuwsbrief,div.formulier

Je moet niet de div formulier aanpassen maar de nieuwsbrief bv :

#nieuwsbrief {
margin-top:7px;
width:290px;
padding:5px;
border:1px solid #D8D6D7;
}

Mensen bedankt de site doet het nu goed nu kan ik er weer mee verder bedankt!!