check

  • Onderwerp starter Onderwerp starter Verwijderd lid 141197
  • Startdatum Startdatum
Status
Niet open voor verdere reacties.
V

Verwijderd lid 141197

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>Home-Test</title>
<style type="text/css"></style>
<link href="Site.css" rel="stylesheet" type="text/css" media="all" />
</head>

<body>
<div class="Logo"></div>
<div class="Header"></div>
<div class="Site">
  <div class="Menu"></div>
</div>
<div class="Bottom"></div>
</body>
</html>
css:
Code: 
@charset "utf-8";
/* CSS Document */
.Logo	{
	height: 200px;
	width: 400px;
	background-color: #0000FF;
}
.Header {
	margin: auto;
	height: 50px;
	width: 600px;
	background-image: url(Media/Header.png);
}
.Site	{
	width: 600px;
	height: 600px;
	margin: auto;
	background-image: url(Media/Color.png);
}
.Menu	{
	width: 200px;
	margin-left: -200px;
	height: 300px;
}
.Bottom	{
	width: 600px;
	height: 50px;
	margin: auto;
	background-image: url(Media/Bottom.png);
}
kan het korter?
en de vraagik heb aan de rchter kant menu en ik wil dat site en header/bottom in hert midden staan maar altijd minstens 200 px(voor menu) van de linker zijde.
hoe kan ik dit het besten doen?
 
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>Home-Test</title>
<style type="text/css"></style>
<link href="Site.css" rel="stylesheet" type="text/css" media="all" />
</head>

<body>
<div id="wrapper">
  <div class="Logo"></div>
  <div class="Header"></div>
  <div class="Site">
    <div class="Menu"></div>
  </div>
  <div class="Bottom"></div>
</div>
</body>
</html>
Door een wrapper toe te voegen kun je instellen dat ie gecentreerd wordt door dit aan je CSS toe te voegen:
Code: 
#wrapper {
  margin: 0px auto;
  left: 200px;
}
Volgens mij moet dat zo werken. Niet 100% zeker maar probeer het :)
 
denk niet dat ik duidelijk genoeg was.
ik wil een box die in het midden staat, maar altijd sowieso 200px van links vandaan.
daar wil ik een menu van 200px maar als het meer dan 200px is wil ik dat he menu mee richting het midden gaat.
de vernieuwde code:
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>Home-Test</title>
<style type="text/css"></style>
<link href="Site.css" rel="stylesheet" type="text/css" media="all" />
</head>

<body>
<div class="Logo"></div>
<div class="Menu"></div>
<div class="Box">
<div class="Header"></div>
<div class="Site"></div>
<div class="Bottom"></div>
</div>
</body>
</html>
CSS:
Code: 
@charset "utf-8";
/* CSS Document */
.Logo	{
	height: 200px;
	width: 400px;
	background-color: #0000FF;
}
.Box {
	width: 600px;
	margin: auto;
}
.Header {
	height: 50px;
	width: 600px;
	background-image: url(Media/Header.png);
}
.Site	{
	width: 600px;
	height: 600px;
	background-image: url(Media/Color.png);
}
.Bottom	{
	width: 600px;
	height: 50px;
	background-image: url(Media/Bottom.png);
}
.Menu	{
	width: 200px;
	height: 300px;
	background-color: #990066;
}
:thumb:alvast bedankt
 
Waarom zet je het menu niet in de wrapper dan?
Dan weet je zeker dat je hele site gecentreerd is.

Ook kun je dan er voor zorgen dat je menu links komt en 200px breed is (float: left + width: 200px)
 
het blok dat nu box heet moet in het midden het menu moet er links aan hangen.
maar box moet altijd 200 px van rechts blijven
.
met jouw voorstel centreer je de hele box/wrapper
box wil ik dus centreren en menu er links aan hangen en box een minimale afstand voor left meegeven kan dat>
 
Laatst bewerkt door een moderator:
Wellicht mijn vorige voorstel en dan je menu-box margin: -200px?
 
had ik maar als je dan het scherm te dun maakt valt menu weg
 
gaat box erover maar ik wil dat het dan zoblijft staan (met 200px left)
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan