content beeldvullend met overflow - Softwareontwikkeling

woensdag 11 juli 2007 14:34

Acties:

Verwijderd

Topicstarter

Ik ben bezig met de site van een ander om te zetten in nette xhtml/css
Nou loop ik tegen een probleem op.
De header moet vast blijven staan, de content moet rechts een scrollbalk krijgen maar moet wel tot onderaan uitgelijnd worden...

XHTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>Lekkerbly Tours & Safaris</title>
<link rel="stylesheet" type="text/css" href="css/style.css"/>
</head>

<body>

<div id="header">
<div id="menu">
<ul>

<li><a href="#">Overzicht van onze reizen</a></li>
<li><a href="#">Lekker extra's</a></li>
<li><a href="#">Landen info</a></li>
<li><a href="#">Wie zijn wij</a></li>
<li><a href="#">Reisverslagen</a></li>
<li><a href="#">Contact</a></li>

<li><a href="#">Links</a></li>
<li><a href="#">Home</a></li>
</ul>
</div>

</div>
<div id="container">
<div id="content">
<h1> Hello</h1>

<p>Ut diam consequat ad eu in consequat molestie vulputate wisi facilisis ex te feugiat facilisis ut qui esse vel.
Blandit, velit duis suscipit lorem feugait. Lobortis molestie exerci blandit elit molestie, delenit vero eum,
luptatum feugiat nonummy nulla luptatum amet ipsum illum. Consectetuer qui ullamcorper nonummy dolore te wisi
hendrerit dolore at tincidunt enim, dolore dolor vel nulla dolore. Praesent ut, molestie ex feugiat, veniam,
nostrud ex, accumsan illum et facilisi vulputate in erat volutpat nisl ea illum duis. Quis iusto ullamcorper,
duis dolor feugiat odio at consequat velit enim at, ea feugait nulla eum accumsan blandit. Dignissim eum vulputate,
vero nostrud et nisl ullamcorper et accumsan duis wisi consequat amet minim. Praesent, duis, minim consequat vel
ullamcorper minim ea ut odio odio wisi. Aliquip eum elit exerci illum nulla nostrud tincidunt in ut nostrud duis
ea. Lorem in minim iusto, in in qui feugiat consequat suscipit magna, velit. Facilisis suscipit lorem feugait molestie
molestie exerci blandit elit molestie, delenit vero. Dolor feugiat et dolore amet feugait, blandit, odio.</p>
</div>
</div>
</body>
</html>

CSS:

body
{
background-color: #669966;
font-family: arial;
color: #7E8183;
font-size: 11px;
padding: 0;
margin: 0;
text-align: center;
}

#container
{
background: #e1e2cb;
width: 95%;
position: relative;
margin: 0 auto;
text-align: left;
margin-bottom:30px;
}

#header
{
align: center;
height: 158px;
width: 100%;
background: url("../images/header.jpg") top center no-repeat;
margin-bottom: 30px;
}

#content
{
height: 400px;
overflow: auto;
padding:20px 30px 30px 30px;
}

#content h1
{
font-size: 13px;
}

#menu
{
position: relative;
top: 138px;
left: 4px;
font-size: 12px;
}

* html #menu
{
top: 138px;
left: 7px;
}

#menu ul
{
list-style-type: none;
}

#menu li
{
display: inline;
margin-right: 8px;
margin-left: 7px;
}

#menu a:link {
text-decoration:none; color:#000000;}
#menu a:visited {
text-decoration:none; color:#000000;}
#menu a:hover {
text-decoration:none; color:#000000;}

[ Voor 154% gewijzigd door Verwijderd op 11-07-2007 14:44 . Reden: code toevoegen ]

woensdag 11 juli 2007 14:41

Acties:

Creepy

Tactical Espionage Splatterer

Ik heb je sites ff verwijderd, dat is echt niet nodig.

We gaan er hier in PRG (en ook in WEB) vanuit dat je in eerste instantie zelf aan de slag gaat om je probleem opgelost te krijgen en dat je ook aangeeft wat je nu precies hebt geprobeerd. Dit mist nu totaal in je startpost zodat het nogal helpdeskerig / scriptrequesterig (scrabble!) overkomet. Kan je je startpost aanvullen met deze informatie? Zie ook Programming Beleid en dan met name Programming Beleid - De Quickstart zodat je weet wat we van een startpost verwachten.

Daarnaast hoef je je site niet te geven. Geef alleen de relevante code (dat is dus niet alle code!) die nodig is voor de vraag.

Daarnaast hoort CS/HTML in Webdesign, Markup & Clientside Scripting en niet in Programming zoals je in het beleid en in Waar hoort mijn topic? had kunnen lezen

Move Programming -> Webdesign, Markup & Clientside Scripting

Edit: en toen had je je post al aangepast. Ga aub code tags gebruiken zodat het er wat beter uitziet en script het even van onnodige code..
Edit2: je blijft aanpassen zie ik. Als je nu nog de onnodige code kan strippen dan graag. O.a. die paragraven met latijn zijn echt niet nodig voor je vraag

[ Voor 12% gewijzigd door Creepy op 11-07-2007 20:00 ]

"I had a problem, I solved it with regular expressions. Now I have two problems". That's shows a lack of appreciation for regular expressions: "I know have _star_ problems" --Kevlin Henney

Reageer