Ben net aangemeld en dus vers, zat eerst wat te lezen daar ik me aan het verdiepen ben in CSS etc.
Ik ontwerp websites, posters, flyers, huisstijlen. Maar een website bouwen was ik niet druk mee geweest en ben er laatste jaar druk mee bezig om het eigen te maken.
Heb inmiddels eigen website gemaakt http://www.alienus.nl en ben met een nieuwe bezig omdat ik een website wil maken waar je kan kiezen voor verschillende stijlen om mijn diensten te bekijken en waardoor ik meteen een soort portfolio laat zien van wat er mogelijk is.
Nu heb ik al een website in de lucht en een ander van een DJ http://www.djmissladyva.nl een kennis maar ben nu met CSS bezig en ondervindt een probleem.
In IE werkt hij prima tijdens het opbouwen maar nu ontdek ik dat hij in Firefox fouten laat zien en ik kan het niet vinden?
Wie o wie kan me helpen?
Dit is style sheet:
Code: Selecteer alles
@charset "iso-8859-1"
* {
margin: 0;
padding: 0;
}
body {
background-color : #FFF;
color : #333;
font : normal normal 62.5%/1.5 Arial, Verdana, "Times New Roman", sans-serif;
}
#body_{background:#FFFFFF;
}
#wrapper_ {
position:absolute;
left:0px;
top:0px;
width:1653px;
height:800px;
}
#header_ {
position:absolute;
left:0px;
top:0px;
width:1653px;
height:38px;
background-image: url(images/header.png);
}
#subheader_ {
position:absolute;
left:0px;
top:38px;
width:1653px;
height:73px;
}
#menubalk_ {
position:absolute;
left:0px;
top:111px;
width:1653px;
height:70px;
background-image: url(images/menubalk.png);
font: normal 10px/normal Arial, Helvetica, sans-serif;
text-transform: none;
color: #000000;
}
#leftcontainer_ {
position:absolute;
left:0px;
top:181px;
width:428px;
height:619px;
background-image: url(images/leftcontainer.png);
}
#index-05_ {
position:absolute;
left:428px;
top:181px;
width:322px;
height:337px;
background-image: url(images/index_05.png);
}
#fotovlak_ {
position:absolute;
left:750px;
top:181px;
width:903px;
height:174px;
background-image: url(images/fotovlak.png);
}
#maincontent_ {
position:absolute;
left:750px;
top:355px;
width:466px;
height:216px;
font: 12px Verdana, Arial, Helvetica, sans-serif;
color: #000000;
padding-right: 13px;
background-color: #FFFFFF;
background-image: url(images/maincontent.png);
padding-left: 10px;
}
#rightcontainer_ {
position:absolute;
left:1216px;
top:355px;
width:437px;
height:445px;
background-image: url(images/rightcontainer.png);
}
#sidebarleftonder_ {
position:absolute;
left:428px;
top:518px;
width:322px;
height:282px;
font: normal 10px Verdana, Arial, Helvetica, sans-serif;
color: #000000;
background: url(images/sidebarleftonder.png) no-repeat;
margin: 0px;
padding-right: 40px;
padding-bottom: 5px;
padding-left: 10px;
}
#submenu_ {
position:absolute;
left:750px;
top:571px;
width:466px;
height:112px;
background-image: url(images/submenu.png);
}
#footer_ {
position:absolute;
left:750px;
top:683px;
width:466px;
height:117px;
background-image: url(images/footer.png);
}
.style4 {font-size: 9px}
.style5 {font-size: 14px}
h1 {
font-size: 21px;
color: #000000;
float: none;
text-align: right;
padding-right: 18px;
padding-bottom: 55px;
font-family: Verdana, Arial, Helvetica, sans-serif;
padding-top: 15px;
}
h2 {
font-size: 21px;
color: #000000;
padding-bottom: 15px;
padding-top: 15px;
}
h3 {
font-size: 10px;
color: #000000;
}
Code: Selecteer alles
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title> Web </title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="style.css">
<script type="text/JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>
<body onLoad="MM_preloadImages('imagesbuttonrollover.png','imagesbuttonrolloverwij.png','imagesbuttonbasiccontactrollover.png')">
<!-- ImageReady Slices (index.html) -->
<div class="c1" id="wrapper">
<div id="header_">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="1652" height="38">
<param name="movie" value="headerwebsiteboomalienus.swf">
<param name="quality" value="high"><param name="SCALE" value="exactfit">
<embed src="headerwebsiteboomalienus.swf" width="1652" height="38" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" scale="exactfit"></embed>
</object>
</div>
<div id="subheader_"><img src="images/subheader.png" alt="" name="subheader" width="1650"
height="73" border="0" usemap="#subheaderMap" id="subheader">
<map name="subheaderMap">
<area shape="circle" coords="979,41,17" href="#">
<area shape="circle" coords="1029,40,17" href="#">
<area shape="circle" coords="1081,40,17" href="#">
<area shape="circle" coords="1129,39,18" href="#">
<area shape="rect" coords="1162,25,1193,56" href="#">
</map>
</div>
<div id="menubalk_">
<table width="1212">
<tr>
<th width="421" scope="col"> </th>
<th width="512" align="left" valign="top" scope="col"><span class="style1 style4">|Disclaimer|Copyright|Voorwaarden|</span></th>
<th width="85" scope="col"><a href="index.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image2','','imagesbuttonrollover.png',1)"><img src="imagesbuttonbasic.png" name="Image2" width="84" height="41" border="0"></a></th>
<th width="85" scope="col"><a href="wiezijnwij.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image3','','imagesbuttonrolloverwij.png',1)"><img src="imagesbuttonbasicwij.png" name="Image3" width="84" height="41" border="0"></a></th>
<th width="85" scope="col"><a href="mailto:info@alienus.nl" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image4','','imagesbuttonbasiccontactrollover.png',1)"><img src="imagesbuttoncontact.png" name="Image4" width="84" height="41" border="0"></a></th>
</tr>
</table>
</div>
<div id="leftcontainer_"></div>
<div id="index-05_"></div>
<div id="fotovlak_"></div>
<div id="maincontent_">
<h1>Designstudio Alienus</h1>
<p align="justify"></div>
<div id="rightcontainer_"></div>
<div id="sidebarleftonder_">
<h2>Designs van Alienus</h2>
<div align="justify"></div>
</div>
<div id="submenu_"></div>
<div id="footer_"></div>
</div>
<!-- End ImageReady Slices -->
</body>
</html>
Daar ben ik voorbij en wil verder met CSS etc ...........
