css/div probleem

**Björn Eijt** · 03-04-2008, 10:28

ik ben bezig op me stage met een klantendb alleen nu loop ik tegen een css/div probleem. er is vast wel iemand die mij zo kan helpen.

in IE6.0 ziet het er zo uit: http://www.eijtje.nl/probleem/ie.JPG
in FF ziet het er zo uit: http://www.eijtje.nl/probleem/ff.JPG

het is de bedoeling dat het eruit komt te zien als bij FF

css

Code:

body{
background-color:#f8f8f8;
margin:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#363636;}
.container{
height:768px;
width:1024px;
margin-left:auto;
margin-right:auto;}
.top{
height:60px;
width:1024px;}
.main{
height:600px;
width:1024px;}
.left_main{
height:600px;
width:698px;
margin-left:10px;
float:left;}
.left_top{
background-image:url(images/main_bg.jpg);
background-repeat:repeat-y;
height:11px;
width:698px;}
.left_content{
background-image:url(images/main_bg.jpg);
background-repeat:repeat-y;
width:698px;
height:100%;}
.left_bottom{
background-image:url(images/main_bg.jpg);
background-repeat:repeat-y;
width:698px;
height:10px;}
.right_main{
width:272px;
height:600px;
float:right;
margin-right:30px;}
.right_top{
width:272px;
height:11px;
background-image:url(images/sub_bg.jpg);
background-repeat:repeat-y;}
.right_content{
background-image:url(images/sub_bg.jpg);
background-repeat:repeat-y;
width:272px;
height:100%;}
.right_bottom{
background-image:url(images/sub_bg.jpg);
background-repeat:repeat-y;
width:272px;
height:10px;}
.search{
background-image:url(images/login_bg.jpg);
background-repeat:no-repeat;
background-position:top;
height:49px;
width:272px;
float:right;
margin-right:30px;}
.header{
background-image:url(images/benf.jpg);
background-repeat:no-repeat;
background-position:bottom;
height:50px;
width:233px;
margin-left:30px;
float:left;}
.textarea{
width:390px;
height:15px;
border:1px solid #006fb6;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;}
.submit{
border:1px solid #006fb6;
background-color:#cfcfce;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
background-image:url(images/button.jpg);
background-repeat:repeat-x;
height:20px;
color:#FFFFFF;
cursor:pointer;}

html

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div class="container">
    <div class="top">
        <div class="header"></div>
        <div class="search"></div>
    </div>
    <div class="main">
        <div class="left_main">
            <div class="left_top"><img src="images/main_top.jpg" alt="main_top" /></div>
            <div class="left_content"></div>
            <div class="left_bottom"><img src="images/main_bottom.jpg" alt="main_bottom" /></div>
        </div>
        <div class="right_main">
            <div class="right_top"><img src="images/sub_top.jpg" alt="sub_top" /></div>
            <div class="right_content"></div>
            <div class="right_bottom"><img src="images/sub_bottom.jpg" alt="sub_bottom" /></div>
        </div>
    </div>
</div>
</body>
</html>

alvast bedankt

Björn Eijt

**D Schaap** · 04-04-2008, 15:38

Even display: inline; toevoegen bij .search en dan moet het opgelost zijn.

Groeten!

**Björn Eijt** · 04-04-2008, 16:22

kijk hardstikke bedankt voor jullie reacties.. zodra ik maandag weer op me stage zit. ga ik kijken of het werkt (K)

**Björn Eijt** · 07-04-2008, 08:27

jowe het werkt.. hardstikke bedankt voor jullie hulp

css/div probleem

css/div probleem

Tags voor dit bericht

Quick links

Sitedeals

Andere media

Over Sitedeals

css/div probleem

css/div probleem

Tags voor dit bericht

Quick links

Sitedeals

Andere media

Over Sitedeals

Inloggen