stefsegers
09-11-2007, 11:52 AM
Hi,
I have a div which is the content area. In there I want 2 columns. 1 for text and 1 for a picture.
In Safari/FF everything is oke but IE6 it isn't.
I hope somebody can give me a good tip?
Here's the CSS for FF/S
body {
font: 9px/13.5px Arial, "Lucida Grande", Lucida, sans-serif;
background: #3b2a35
}
#container {
width: 826px;
height: 564px;
position:relative;
position: absolute;
top: 50%;
left: 50%;
margin-left: -413px;
margin-top: -282px;
background: #3b2a35 url(../images/background.gif) no-repeat center center;
}
#content {
width: 718px;
height: 420px;
position: relative;
left: 56px;
top: 40px;
background-color: #fff;
padding: 0;
margin: 0;
}
#menu {
position: absolute;
top: 485px;
width: 554px;
height: 70px;
left: 334px;}
Here's the MSIE.CSS
#content {
width: 718px;
height: 420px;
position: absolute;
left: 55px;
top: 40px;
}
#menu {
position: absolute;
top: 485px;
width: 540px;
height: 70px;
left: 333px;
}
Here's my HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Lots of Legs - creative</title>
<link href="css/lotsofstyle.css" rel="stylesheet" type="text/css" />
<!--[if lte IE 6]>
<link href="css/msie.css" rel="stylesheet" type="text/css" />
<![endif]-->
</head>
<body>
<div id="container">
<div id="content">
<div id="text_links">
<h1>Diensten</h1>
<p>Lots of Legs beschikt over een bijzonder ruime kennis van creatief ontwerpen zowel op het web als drukwerk. Een aantal grote klanten hebben daar al meerdere malen gebruik van mogen maken. U kunt van ons een gedegen advies verwachten dat u inzicht geeft in welke zaken u reeds goed voor elkaar heeft en waar u verbeteringen kunt aanbrengen. Onze ontwerpen en realisaties kenmerken zich door eenvoud.</p>
<p>De grafische diensten die wij leveren zijn erg divers. Eigenlijk kun je stellen dat alles wat een grafisch uitgangspunt heeft door ons wordt verzorgd. Van flyers tot uitgebreide brochures. Van advertenties tot complete reclame campagnes. Jarenlange ervaring bij drukkerijen zorgen ervoor dat wij een partner zijn die met u meedenkt. Bovendien kunnen wij u ook de beste prijzen aanbieden voor drukwerk.</p>
<p>Met name door de enorme Internet hype die ontstaan is, nam de vraag toe om Internet websites te ontwerpen. Onze expertises met betrekking tot ontwerp, Internet webstijl ontwerp en content beheer, maken dat wij als de beste uw huisstijl, drukwerk, webstijl en website kunnen perfect op elkaar kunnen afstemmen. Lots of Legs biedt zelf een passend hosting pakket voor u aan waarop u uw website kunt plaatsen. Voor zowel bestaande websites als nieuwe websites kunnen wij dit aanbieden. Onze gloednieuwe Windows 2003 server is voorzien van de nieuwste technologieën en zal u de beste performance bieden. Bovendien is deze server geplaatst op de Amsterdam Exchange, het kloppende harte van internet Nederland, waar de hoogste snelheden bereikt kunnen worden.</p>
<p>Hier treft u een overzicht van alle diensten die Lots of Legs u te bieden heeft.</p>
<ul>
<li>logo ontwerp</li>
<li>huisstijl ontwerp (o.a. visitekaarten, briefpapier, brochures, enveloppen)</li>
<li>digitale opmaak van documenten/drukwerk</li>
<li>verzorgen van drukwerk</li>
<li>transformatie van huisstijl naar webstijl</li>
<li>bouwen van content management systemen</li>
</ul>
<p><a href="overons.html">ga terug >>></a></p>
</div>
<div id="foto_rechts">
<img src="images/over_ons.jpg" width="250" height="420">
</div>
</div>
<div id="menu">
<ul id="navigation">
<li class="naviActive"><a href="overons.htm">over ons</a></li>
<li><a href="prin.htm">print</a></li>
<li><a href="web.htm">web</a></li>
<li><a href="fotografie.htm">fotografie</a></li>
<li><a href="contact.htm">contact</a></li>
</ul>
</div>
</div>
</body>
</html>
As you can see there's a white line going under the img.
Also on my index.html I have the same problem but there's only 1 picture within the #Content.
Hope to hear from you soon
Stef
I have a div which is the content area. In there I want 2 columns. 1 for text and 1 for a picture.
In Safari/FF everything is oke but IE6 it isn't.
I hope somebody can give me a good tip?
Here's the CSS for FF/S
body {
font: 9px/13.5px Arial, "Lucida Grande", Lucida, sans-serif;
background: #3b2a35
}
#container {
width: 826px;
height: 564px;
position:relative;
position: absolute;
top: 50%;
left: 50%;
margin-left: -413px;
margin-top: -282px;
background: #3b2a35 url(../images/background.gif) no-repeat center center;
}
#content {
width: 718px;
height: 420px;
position: relative;
left: 56px;
top: 40px;
background-color: #fff;
padding: 0;
margin: 0;
}
#menu {
position: absolute;
top: 485px;
width: 554px;
height: 70px;
left: 334px;}
Here's the MSIE.CSS
#content {
width: 718px;
height: 420px;
position: absolute;
left: 55px;
top: 40px;
}
#menu {
position: absolute;
top: 485px;
width: 540px;
height: 70px;
left: 333px;
}
Here's my HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Lots of Legs - creative</title>
<link href="css/lotsofstyle.css" rel="stylesheet" type="text/css" />
<!--[if lte IE 6]>
<link href="css/msie.css" rel="stylesheet" type="text/css" />
<![endif]-->
</head>
<body>
<div id="container">
<div id="content">
<div id="text_links">
<h1>Diensten</h1>
<p>Lots of Legs beschikt over een bijzonder ruime kennis van creatief ontwerpen zowel op het web als drukwerk. Een aantal grote klanten hebben daar al meerdere malen gebruik van mogen maken. U kunt van ons een gedegen advies verwachten dat u inzicht geeft in welke zaken u reeds goed voor elkaar heeft en waar u verbeteringen kunt aanbrengen. Onze ontwerpen en realisaties kenmerken zich door eenvoud.</p>
<p>De grafische diensten die wij leveren zijn erg divers. Eigenlijk kun je stellen dat alles wat een grafisch uitgangspunt heeft door ons wordt verzorgd. Van flyers tot uitgebreide brochures. Van advertenties tot complete reclame campagnes. Jarenlange ervaring bij drukkerijen zorgen ervoor dat wij een partner zijn die met u meedenkt. Bovendien kunnen wij u ook de beste prijzen aanbieden voor drukwerk.</p>
<p>Met name door de enorme Internet hype die ontstaan is, nam de vraag toe om Internet websites te ontwerpen. Onze expertises met betrekking tot ontwerp, Internet webstijl ontwerp en content beheer, maken dat wij als de beste uw huisstijl, drukwerk, webstijl en website kunnen perfect op elkaar kunnen afstemmen. Lots of Legs biedt zelf een passend hosting pakket voor u aan waarop u uw website kunt plaatsen. Voor zowel bestaande websites als nieuwe websites kunnen wij dit aanbieden. Onze gloednieuwe Windows 2003 server is voorzien van de nieuwste technologieën en zal u de beste performance bieden. Bovendien is deze server geplaatst op de Amsterdam Exchange, het kloppende harte van internet Nederland, waar de hoogste snelheden bereikt kunnen worden.</p>
<p>Hier treft u een overzicht van alle diensten die Lots of Legs u te bieden heeft.</p>
<ul>
<li>logo ontwerp</li>
<li>huisstijl ontwerp (o.a. visitekaarten, briefpapier, brochures, enveloppen)</li>
<li>digitale opmaak van documenten/drukwerk</li>
<li>verzorgen van drukwerk</li>
<li>transformatie van huisstijl naar webstijl</li>
<li>bouwen van content management systemen</li>
</ul>
<p><a href="overons.html">ga terug >>></a></p>
</div>
<div id="foto_rechts">
<img src="images/over_ons.jpg" width="250" height="420">
</div>
</div>
<div id="menu">
<ul id="navigation">
<li class="naviActive"><a href="overons.htm">over ons</a></li>
<li><a href="prin.htm">print</a></li>
<li><a href="web.htm">web</a></li>
<li><a href="fotografie.htm">fotografie</a></li>
<li><a href="contact.htm">contact</a></li>
</ul>
</div>
</div>
</body>
</html>
As you can see there's a white line going under the img.
Also on my index.html I have the same problem but there's only 1 picture within the #Content.
Hope to hear from you soon
Stef