Div mehr nach links
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
-
Ich hab leider ein tag/problem">Problem mit meinen div
ich habe bis jetzt immer nur mit tabellen gearbeitet und wollte jetzt eine seite mit div's
Ich möchte das alles ein wenig mehr nach links verschieben wie kann ich das machen
Also mein html code
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type"
content="text/html; charset=ISO-8859-1">
<meta name="author" content="Maik">
<title>seite</title>
<style type="text/css">
<!--
#wrapper {
width:800px;
margin:0 auto;
}
.leftCol {
width:200px;
float:left;
clear:both;
}
.rightCol {
width:590px;
float:right;
}
#block_2 {
height:150px;
}
#block_5 {
min-height:600px;
height:auto !important;
height:auto;
}
#block_6 {
height:auto;
}
.marginTop {
margin-top:0px;
}
-->
</style>
<style type="text/css">
<!--
td.nav{text-decoration: none; color:#000000; width: 185px;height: 40px;background-image:url(http://img.webme.com/pic/s/success4you/navfire.gif);}
td.nav:hover{text-decoration: none;color: #000000; width: 185px;height: 40px;background-image:url(http://img.webme.com/pic/s/success4you/navfire.gif);}
-->
</style>
</head>
<body
style="color: rgb(255, 255, 255); background-image: url(http://lebanon-elzein.lima-city.de/bild.jpg);"
alink="#ffffff" link="#ff0000" vlink="#ffffff">
<div id="wrapper">
<div class="leftCol">
<div id="block_2"><span
id="ctl00_MainContentPlaceholder_ctl01_ctl00_lblEntry"></span><img
style="width: 861px; height: 157px;"
src="http://www1.xup.in/exec/ximg.php?fid=86284283" alt=""></div>
</div>
<div class="leftCol marginTop">
<div id="block_5"> block_5</div>
</div>
<div class="rightCol marginTop">
<div id="block_6">block_6<br>
</div>
</div>
</div>
</body>
</html>
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
ich würde sagen du verwendest einfach das margin-left bei jedem div tag
zb so
#wrapper{
margin-left:300px;
height:500px;
width:300px;}
oder so schließt alle div tags mit dem hier ein
<div align="center">
und schließt es ganz am ende mit dem hier </div>
dann hast du es zentriert
Beitrag zuletzt geändert: 25.12.2009 15:05:19 von maxdes -
Ich kenne mich nicht ganz so gut aus, aber ich denke durch das margin: 0 auto; in #wrapper richtest du alles horizontal mittig aus.
Wenn du es etwas mehr links haben willst musst du glaube ich feste margin werte verwenden.
Bespiel:
#wrapper { width:800px; margin:0 0 0 100; } -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
