Nieuw lid |
|
Zit al de hele avond te prutsen om met behulp van css style tekst rechts en onder een afbeelding te krijgen. Ondertussen is mijn inspiratie op.
Daarnaast viel mij het op dat resultaat heel anders weer geven wordt in FF en IE. Waar kan dit nou weer aan liggen?
HTML code;
<div id="hoofd_box">
<div id="left_box">
</div>
<div id="right_box"><!-- Hierin komt de webpagina te staan -->
<div class="head">euismod tincidunt</div>
<div id="boven"></div>
<div id="banner01"></div>
<div id="midden">
<h1>taion ullamcorper suscipit</h1>
<img src="overall/background/punt.gif" />
Ut wisi enim ad minim veniam, quis nostrud exerci taion ullamcorper suscipit lobortis nisl ut aliquip ex en com modo consequat. Duis te feugifacilisi per suscipit lobortis nisl ut aliquip ex en com modo consequat.Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore.
</div><!-- sluit midden -->
</div><!-- sluit right box -->
</div><!--hoofd box -->
<div id="hoofd_box"> <div id="left_box"> </div> <div id="right_box"><!-- Hierin komt de webpagina te staan --> <div class="head">euismod tincidunt</div> <div id="boven"></div> <div id="banner01"></div> <div id="midden"> <h1>taion ullamcorper suscipit</h1> <img src="overall/background/punt.gif" /> Ut wisi enim ad minim veniam, quis nostrud exerci taion ullamcorper suscipit lobortis nisl ut aliquip ex en com modo consequat. Duis te feugifacilisi per suscipit lobortis nisl ut aliquip ex en com modo consequat.Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore. </div><!-- sluit midden --> </div><!-- sluit right box --> </div><!--hoofd box -->
div#hoofd_box {
margin:0 auto 0 auto;
width:975px;
text-align:center
}
div#left_box {
background-color:red;
padding-top:100px;
float:left;
width: 20%;
height:auto;
text-align:left
}
div#right_box {
background-color:
green;float:left;
width:80%;
height:auto
}
#boven {
background:url(../background/Boven.gif) no-repeat;
width:765px;
height:35px
}
#banner01 {
width:765px;
height:144px;
background-image: url(../../index_nl/Banner02.jpg);
background-repeat: repeat-y;
}
#midden {
background:url(../background/Midden.gif) repeat-y;
width:765px;
height:auto
}
#onder {
background:url(../background/Onder.gif) no-repeat;
width:765px;
height:25px
}
.head {
font-size:xx-large;
font-weight:bolder;
word-spacing:2px;
padding-top:10px;
padding-bottom:25px;
color: #EBEAFA;
letter-spacing: 1px
}
h1 {
font-size:large;
font-weight:bolder;
word-spacing:2px;
padding-top:25px
}
div#hoofd_box { margin:0 auto 0 auto; width:975px; text-align:center } div#left_box { background-color:red; padding-top:100px; float:left; width: 20%; height:auto; text-align:left } div#right_box { background-color: green;float:left; width:80%; height:auto } #boven { background:url(../background/Boven.gif) no-repeat; width:765px; height:35px } #banner01 { width:765px; height:144px; background-image: url(../../index_nl/Banner02.jpg); background-repeat: repeat-y; } #midden { background:url(../background/Midden.gif) repeat-y; width:765px; height:auto } #onder { background:url(../background/Onder.gif) no-repeat; width:765px; height:25px } .head { font-size:xx-large; font-weight:bolder; word-spacing:2px; padding-top:10px; padding-bottom:25px; color: #EBEAFA; letter-spacing: 1px } h1 { font-size:large; font-weight:bolder; word-spacing:2px; padding-top:25px }
Groet,
Roland.
|