Scripts - Tutorials - Forum - Downloads - Showcase - Contact

Artikels

VPN vergelijken

Algemeen

Beginpagina

FAQ

Grafische worm (243)

Links

Nieuwsartikels

Nieuwsarchief

Boeken programmeren

Overzicht

Samenwerken

Webhosting

Zoek op Sitemasters

Leden

Registreren

Ledenlijst

Ons team

Links

webhostingtop10.be

Sociale media

Follow @sitemasters

Sitemasters

Adverteren op Sitemasters?

Contacteer ons

RSS

Link naar ons

Donaties

Poll

Je moet ingelogd zijn om te stemmen.

Statistieken

Linkpartners

Forum

Categorieën > HTML & CSS

layout probleem

rolos - 19/09/2009 14:56 (laatste wijziging 19/09/2009 14:58)

Nieuw lid

hallo allemaal,

ik ben er een tijdje uitgeweest en ben net weer eens begonnen om een site te maken voor mijn voetbalteam. Nou zit ik met een heel stom probleem waar ik niet uitkom en niet goed weet te omschrijven om het op te zoeken met google. Hopelijk kunnen jullie me helpen. Ik ben net begonnen met de opbouw toen ik tegen dit probleem aanliep

me css:

css code - Bekijk de code zonder highlighting - Klap code in

                @charset "utf-8";
/* CSS Document */

* {
	margin: 0px;
	padding: 0px;
}

#container {
	height: 1200px;
	width: 70%;
	background-color: #FFFFFF;
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
} 

#banner {
	height: 150px;
	width: 100%;
	background-color: #FF0000;
	background-image: url(../images/uno%20logo.jpg);
	background-repeat: no-repeat;
	background-position: left;
	margin-bottom: 10px;
} 

#linkbar {
	height: 40px;
	width: 100%;
	background-color: #FF00FF;
	margin-bottom: 10px;
} 

#content {
	background-color: #FFFF00;
	height: 990px;
	width: 55%;
	float: none;
	margin: auto;
} 

#nieuwsberichten {
	height: 300px;
	width: 21%;
	background-color: #0000FF;
	float: right;	
} 

#spelervandeweek {
	height: 300px;
	width: 21%;
	background-color: #FF00FF;
	float: right;
} 

#left {
	height: 450px;
	width: 21%;
	background-color: #0000FF;
	float: left;	
} 

            
@charset "utf-8";
/* CSS Document */
 
* {
	margin: 0px;
	padding: 0px;
}
 
#container {
	height: 1200px;
	width: 70%;
	background-color: #FFFFFF;
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
} 
 
#banner {
	height: 150px;
	width: 100%;
	background-color: #FF0000;
	background-image: url(../images/uno%20logo.jpg);
	background-repeat: no-repeat;
	background-position: left;
	margin-bottom: 10px;
} 
 
#linkbar {
	height: 40px;
	width: 100%;
	background-color: #FF00FF;
	margin-bottom: 10px;
} 
 
#content {
	background-color: #FFFF00;
	height: 990px;
	width: 55%;
	float: none;
	margin: auto;
} 
 
#nieuwsberichten {
	height: 300px;
	width: 21%;
	background-color: #0000FF;
	float: right;	
} 
 
#spelervandeweek {
	height: 300px;
	width: 21%;
	background-color: #FF00FF;
	float: right;
} 
 
#left {
	height: 450px;
	width: 21%;
	background-color: #0000FF;
	float: left;	
}
 

Mijn Html:

html4strict code - Bekijk de code zonder highlighting - Klap code in

<!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=utf-8" />
<title>v.v. Uno</title>
<link href="include/opmaak.css" rel="stylesheet" type="text/css" />
</head>

<body>

<div id="container">

  <div id="banner"></div>
  
  <div id="linkbar"></div>
  
  
 
  
  <div id="nieuwsberichten"></div>
  
 
  
  

  
  
  
  <div id="left"></div>
  
  
  
  <div id="content"></div>
  
  <div id="spelervandeweek"></div>
  
</div>

</body>
</html>

<!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=utf-8" />
<title>v.v. Uno</title>
<link href="include/opmaak.css" rel="stylesheet" type="text/css" />
</head>
 
<body>
 
<div id="container">
 
  <div id="banner"></div>
 
  <div id="linkbar"></div>
 
 
 
 
  <div id="nieuwsberichten"></div>
 
 
 
 
 
 
 
 
  <div id="left"></div>
 
 
 
  <div id="content"></div>
 
  <div id="spelervandeweek"></div>
 
</div>
 
</body>
</html>

Wat ik probeer is zeg maar het paarse rechthoekje(ook wel spelers van de week div) onder het blauwe(nieuwsberichten) te plaatsen aan de rechterkant van het veld. Nou word deze door de "content" bar steeds naar beneden gedrukt. Hoe krijg ik dit ook alweer voor mekaar?

Het zal vast heel simpel zijn maar nogmaals ben er een tijdje uitgeweest. iig heel erg bedankt alvast voor jullie hulp

Groetjes Ronald Smink

0 antwoorden

Gesponsorde links

Er zijn nog geen reacties op dit bericht.

Dit onderwerp is gesloten.

Actiefste leden van de maand

Actieve forumberichten