door float verdwijnt background - Softwareontwikkeling

maandag 15 juni 2009 18:13

Acties:

0 Henk 'm!

Topicstarter

Ik heb drie collommen die verticaal altijd even lang moeten zijn, om dit te bereiken heb ik gebruik gemaak van een conainer om die drie collommen heen met een achtergrond die zorgt dat het lijkt alsof er ook echt drie verschillende achtergronden zijn voor allen drie de collommen, en als de middelste dan langer word zie je meer van de achtergrond (hij is 1600 pixels hoog) en zo lijkt het alsof de andere twee mee rekken.

Echter werkt dit niet zoals het hoort, alleen in de laatste ie zie je namelijk de achtergrond, in alle andere browers niet. Echter is hij wel zichtbaar als ik in mijn menu div float:left weghaal, wie weet hiervoor een oplossing?

De site:
www.lijstenatelierdriebergen.nl/cmsms

html:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>

<head>
<link rel="stylesheet" type="text/css" href="http://www.lijstenatelierdriebergen.nl/cmsms/modules/Album/css/stylesheet.css" />

<link href="css/stylesheet.css" rel="stylesheet" type="text/css" />
<meta http-equiv="content-language" content="en-us" />
<meta http-equiv="author" content="Huub Smeitink" />
<meta http-equiv="contact" content="h.smeitink@hotmail.com" />
<meta name="description" content="Dieter Klaasen helpt u graag bij het maken en restaureren van uw kunst en lijsten, u kunt hier tevens terecht voor door hem zelf gemaakte kunst" />
<meta name="keywords" content="Lijsten, attelier, driebergen, dieter, klaasen, schilderijen, op maat, restauratie" />

<title>Kunst & Lijstenatelier Driebergen - Eigen werk</title>

<base href="http://www.lijstenatelierdriebergen.nl/cmsms/" />

<meta name="Generator" content="CMS Made Simple - Copyright (C) 2004-6 Ted Kulp. All rights reserved." />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

</head>

<body>




<div class="container">

<div class="menu">

<div class="menutop">

<a href="http://www.lijstenatelierdriebergen.nl">Home</a><br />
<a href="http://www.lijstenatelierdriebergen.nl/cmsms/index.php?page=lijsten-soorten">Lijsten</a><br />
<a href="http://www.lijstenatelierdriebergen.nl/cmsms/index.php?page=glassoorten">Glassoorten</a><br />
<a href="http://www.lijstenatelierdriebergen.nl/cmsms/index.php?page=passepartout">Passepartout</a><br />
<a href="http://www.lijstenatelierdriebergen.nl/cmsms/index.php?page=ophangsystemen">Ophangsystemen</a><br />
<a href="http://www.lijstenatelierdriebergen.nl/cmsms/index.php?page=restauratie">Restauratie</a><br />
<a href="http://www.lijstenatelierdriebergen.nl/cmsms/index.php?page=speciale-wensen">Speciale wensen</a><br />
<a href="http://www.lijstenatelierdriebergen.nl/cmsms/index.php?page=eigen-werk">Eigen werk</a><br />

<a href="http://www.lijstenatelierdriebergen.nl/cmsms/index.php?page=airmiles">Airmiles</a><br />
<a href="http://www.lijstenatelierdriebergen.nl/cmsms/index.php?page=bedrijven">Bedrijven</a><br />
<a href="http://www.lijstenatelierdriebergen.nl/cmsms/index.php?page=contact-route">Contact & Route</a><br />
<br />
<a href="http://www.lijstenatelierdriebergen.nl/cmsms/index.php?page=weblog">Gastenboek</a>


</div>

<div class="menubottom">

<img src="images/menupicture.jpg" alt="">

<br />
<br /><br />
<div class="huco">
<a href="http://www.huco.biz">Copyright 2009,<br />
made by HuCo</a>
</div>

</div>


</div>


<div class="content">


<div class="header">

<img src="images/header.jpg" alt="">


</div>


<div class="contentareatop">


</div>


<div class="contentareamiddle">

<div>
You have not created any photo albums in this category.
</div>


</div>


<div class="contentareabottom">



</div>


</div>


<div class="line">

<img src="images/lineinterruption.jpg" alt="">


</div>


</div>

</body>
</html>

css:

body {
background-image:url('../images/backgroundrepeat.jpg');
background-repeat: repeat-x;
background-color:#242424;
margin-top:0px;
font-family:arial;
margin-bottom:0px;
}

.container {
width:921px;
margin:0px auto;
background-image:url('../images/fauxcollum.jpg');
padding-bottom:30px;
}

.contentareatop {
width:668px;
height:15px;
background-image:url('../images/contentareatop.jpg');
margin:0px auto;
}

.contentareamiddle {
padding-top:10px;
padding-bottom:10px;
padding-left:30px;
padding-right:30px;
width:608px;
background-image:url('../images/contentareamiddle.jpg');
margin:0px auto;
}

.contentareabottom {
width:668px;
height:15px;
background-image:url('../images/contentareabottom.jpg');
margin:0px auto;
}

.header {
width:690px;
height:145px;
color:white;
}

.menu {
width:181px;
height:970px;
float:left;
color:#FFF;
background-image:url('../images/menubackground.png');
background-repeat: repeat-y;
}

.menu a{
color:white;
text-decoration:none;
font-size:13pt;
font-weight:bold;
}

.menu a:hover{
color:#252525;
font-style:italic;
}

.menutop {
margin:0px auto;
margin-top:65px;
width:140px;
height:280px;
}

.menubottom {
margin:0px auto;
width:140px;
}

.content {
margin-top:50px;
width:690px;
float:left;
}

.line {
background-image:url('../images/line.jpg');
background-repeat: repeat-y;
width:50px;
height:900px;
float:left;
padding-top:50px;
}

textarea {
width:300px;
}

.huco a{
color:#383838;
text-align: center;
}

Zoals je aan de code waarschijnlijk al wel hebt gezien maak ik gebruik van een cms (cms made simple)

maandag 15 juni 2009 18:28

Acties:

0 Henk 'm!

huub8

Topicstarter

Edit: het is mij toch nog zelf gelukt met behulp van dit forum:
http://www.dreamincode.net/forums/showtopic78647.htm

Ik heb overflow:hidden; toegevoegd aan mijn container div en nu werk het

maandag 15 juni 2009 18:28

Acties:

0 Henk 'm!

RobIII

Admin Devschuur®

^ Romeinse Ⅲ ja!

Als je code post, gebruik dan code tags. Daarbij dump je hier je probleem maar zie ik, as per onze Quickstart, niet wat je zelf al hebt geprobeerd/gezocht/gevonden etc. En daarmee is dit topic niet meer dan een scriptrequest/Kan iemand even...? en daar doen we hier dus niet aan

Open gerust een nieuw topic, maar neem dan de voorgenoemde Quickstart in acht en let even op de code tags

edit:

Ben je me toch nog voor

IIg thanks voor 't posten van de oplossing; wie weet leren anderen er nog iets van

[ Voor 8% gewijzigd door RobIII op 15-06-2009 18:29 ]

There are only two hard problems in distributed systems: 2. Exactly-once delivery 1. Guaranteed order of messages 2. Exactly-once delivery.

Je eigen tweaker.me redirect

Over mij