HILFE BEI MEIN CSS DESING !!!

Hallo,

Wie ihr sicher schon gesehen habt ist mein problem bekannt

-----> http://handyteck.de.tl/Home.htm



ich weis nicht wie das css genau funk. und der , der mir das gemacht hat ist auch nimma on kan mir vil. bitte jemand helfen ??

am besten postest du mal den ganzen Code. Da scheinen einige Fehler
vorhanden zu sein... oder dann wird das Design nicht in allen Auflösungen richtig
angezeigt.


lg
Jonas

ja, okey mach ich aber dan könnte es mir ja jemand klauen ??

______________________________________


TEXT ÜBER DEN DESING:




<div id="design">
<div id="logo"> </div>




</div>

<div id="navi2">
<!--Navigation2-->
<a href="#"> Home </a>
<a href="#">Gästebuch </a>
<a href="#"> Partner </a>
<a href="#"> Kontakt </a>
</div>
<div id="header">

<!--Hier Header Bild-->
<a href="#"><img src="http://img.webme.com/pic/p/pctx/messe.png"/></a>

</div>

<div id="box"> Test und Merh... Text Text<br/>


</div>

</div>






TEXT UNTER DEN DESING




<div id="footer"> Copyright by Handyteck | Design by <a href="http://kohompa.de.tf/">Kohompa</a><br/><br/></div>



CSS CODE OHNE STYLETAGS:





h1#title{display: none;}
h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}


#sidebar_container{display:none;}
#counter{display:none;}

body {
background:#FFF;
font-family: Times New Roman, Verdana;
margin: 0;
color: #000000;
font-size: 16px;
}



p {

margin: 0;
padding: 0;
font-weight: bold;
}

table {
border: 0;
color: #afafaf;
width: 290px;
}



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

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

a:hover {
color: #000000;
text-decoration: underline;
}


*{
padding: 0;
margin: 0;}

ul, li{
list-style-type: square;}

hr{
height: 1px;
border: 0px dashed #c7cbbd;
background-color: #243b4e;
margin: 5px;}

img{
border: 0px;}

#design {
width: 1000px;
}

#header {
background-image:url(URL);
background-color:#ccc;
float: left;
width: 625px;
height: 195px;
margin-top:-520px;
margin-left: 183px;
padding: 0px 0px 0px 0px;
color:#FFFFFF;
}

#header a {
color:#FFFFFF;
}
#header a:hover {
color:#b1c3d1;
}


#logo{
background:url(http://img.webme.com/pic/p/pctx/logo1.jpg);
width: 179px;
height: 85px;
margin-left: 2px;
margin-top: 10px;
}


#nav_container{
background:#4e657a;
float: left;
width: 159px;
height: 450px;
margin-left: 0px;
margin-top: 0px;
padding: 10px 10px 0px 10px;
color: #FFFFFF;
font-family:Verdana, Geneva, sans-serif;
}
#nav a {
color: #FFFFFF;
text-decoration: none;
font-size: 14px;
}

#nav a:hover {
color: #FFFFFF;
text-decoration: underline;
font-size: 14px;
}





#navi2 {
background-image:url(http://img.webme.com/pic/p/pctx/navi-oben.jpg);
float: left;
width: 633px;
height: 16px;
margin-left: 181px;
margin-top: -545px;
padding: 1px 3px 5px 10px;
color: #FFFFFF;
font-family:Verdana, Geneva, sans-serif;
}


#navi2 a {
color: #FFFFFF;
text-decoration: none;
font-size: 14px;
}

#navi2 a:visited {
color: #FFFFFF;
text-decoration: none;
font-size: 14px;
}

#navi2 a:hover {
color: #FFFFFF;
text-decoration: underline;
font-size: 14px;
}

#content {
background: #f5f5f5;
color: #000000;
font-family: Verdana, Arial, Tahoma;
float: left;
margin-top: -322px;
margin-left: 2px;
padding: 10px;
width: 604px;
min-height: 446px;
font-size:12px;
font-weight: bold;
border:#999 solid 1px;
}
#footer {
background:#e4e4e4;
float:left;
width: 614px;
height: 10px;
color: #515151;
margin-top: 3px;
margin-left: 2px;
padding-top:2px;
padding-bottom:8px;
padding-left:10px;
font-family:Verdana, Geneva, sans-serif;
font-size:14px;
border:#999 solid 1px;

}


#footer a:link {
color: #515151;
text-decoration: none;

}

#footer a:visited {
color: #515151;
text-decoration: none;
}

#footer a:hover {
color: #000000;
text-decoration: underline;

}
#box {
background:#999;
float: left;
width: 167px;
color: #FFFFFF;
margin-top: 2px;
margin-left: 2px;
padding-left:10px;
padding-bottom:10px;
border:#666 solid 1px;
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
min-height:155px;

}











--> </style>



<table style="margin: 30px; margin-top: 0px;" cellpadding="0" cellspacing="0" ><tr><td>



<style type="text/css"> <!--

Hey.
ich hätte eine frage.
meine freundin will ein css-layout coden ..
und will div-felder einbauen.
(das sind doch die:

?

also so boxen die man überall hinverschieben kann .. ?

wie kann man denn margin-top und margin-left abmessen ohne es auzuprobieren?

danke schonmal im voraus..

zia... wenn ich das wüsste, aber ich habe selber probleme ?

Also falls du den schriftbereich meinst.
Mach bei

#Content {
"
"
"
margin-top:0px;

wenn das zu weit unten ist probier es immer in regelmäßigen abschnitten aus.
z.B.
margin-top:-50px;
wenns zu viel ist wieder weniger.

margin-top:-40px;
immer so wierter
Hoffe ich konnte dir helfen.

das problem bei margins ist, dass sie bei verschiedenen browsern oft unterschiedlich angezeigt werden.