Probleme mit dem Layout und dem Style?

[WDHOME]

Hallo, vielleicht kann mir bitte jemand helfen beim erstellen eines Layouts. Es sind nur noch ein paar Punkte die zu Vollendung fehlen, aber leider hab ich das nicht so im Griff
Wäre nett wenn sich jemand kurzfristig bei mir meldet, per PM oder per Mail.

Danke!

[Dodger77]

Es wäre sicherlich sinnvoll, mit anzugeben, ob du dich für die individuelle Hilfe auch erkenntlich zeigen willst.

Ansonsten kannst du natürlich auch mal ein konkretes Problem ansprechen. Evtl. lassen sich die paar Punkte auch sehr einfach aus dem Weg räumen.

[WDHOME]

Ich wollte eigentlich nur, dass sich jemand mal kurz die Seite anschaut und mir kurz Hilfe leistet.Mein Problem dort ist, dass die Seite links am Rand anliegt, ich möchte diese aber in der Mitte haben und links und rechts einen weißen Hintergrund. Wo kann ich dies beeinflussen? In dem Layout oder im Style?!?

Danke!

[stb]

Wenn du die Seite mit <div> aufgebaut hast, dann gibst du in der CSS-Datei bei dem allumgebenden <div>-Container einfach eine feste Breite an und margin-left: auto und margin-right: auto! Dann sollte es normalerweise horizontal zentriert sein. Vertikal ist leider nicht möglich, bzw. mir jedenfalls nicht bekannt.

[WDHOME]

Das ist meine Style: da find ich kein <div>

html, body { height:100%; }

body {
padding:0;
margin:0;
text-align:left;
min-width:780px;
background-color:#FFFFFF;
font-size:11px;
font-family: Trebuchet MS,Arial,Helvetica;
color:rgb(0,0,0);
background-image:url('../images/bg.gif');
background-repeat:repeat-y;
background-position:0px 0px;
overflow-x:hidden;
overflow:-moz-scrollbars-vertical;
}

td {
font-size:11px;
font-family: Trebuchet MS,Arial,Helvetica;
color:rgb(62,77,116);
margin-bottom:8px;
}

.input {
font-size:11px;
font-family: Trebuchet MS,Arial,Helvetica;
color:rgb(0,0,0);
width:240px;
margin-bottom:8px;
border-top:1px solid #999999;
border-right:1px solid #999999;
border-bottom:1px solid #999999;
border-left:1px solid #999999;
}

.label {
font-size:11px;
font-family: Trebuchet MS,Arial,Helvetica;
color:rgb(0,0,0);
}

.small {
font-size:9px;
}

#outer{
height:100%;
min-height:100%;
width:780px;
color:#000000;
text-align:left;
position:relative;
}

html>body #outer{ height:auto; }

#innerwrap {
float:left;
width:600px;
}

#header{
position:absolute;
top:0;
left:-1px;
width:781px;
height:100px;
color:#000000;
background-color:#ffffff;
background:url("../images/schraffur_rechts_oben.gif");
background-repeat:repeat-x;
background-position:0px 0px ;
z-index:5;
}

#left {
position:relative;
width:180px;
float:left;
padding-top:120px;
padding-bottom:20px;
}

#left p { padding-left:3px;padding-right:2px }

#right p { padding-left:4px;padding-right:2px }

#imagecolumn {
margin-top:0px;
position:absolute;
top:20px;
left:608px;
width:148px;
height:550px;
z-index:10;
padding-top:112px;
padding-left:10px;
padding-right:10px;
color:rgb(62,77,116);
}

#imagecolumn a {
padding:0;
font-weight:normal;
font-size:11px;
color:rgb(190,190,190);
margin:0;
}

#imagecolumn h1 {
padding:0;
font-weight:normal;
font-size:11px;
color:rgb(217,104,28);
margin:0;
}

#right {
position:relative;
width:170px;
float:right;
margin-top:10px;
padding-top:170px;
padding-bottom:20px;
background-color:#999999;
background:url('../images/randbg.jpg');
background-position:0px 0px;
background-repeat:no-repeat;
color:rgb(62,77,116);
}

div,p { margin-top:0; }

#centrecontent {
width:408px;
float:right;
padding-left:0px;
padding-right:0px;
padding-top:105px;
padding-bottom:20px;
color:rgb(62,77,116);
}

#centrecontent p { padding-left:3px:color:rgb(62,77,116); }

#clearfooter { width:100%;height:52px;clear:both; }

#bottomnavi {
text-align:center;
color:rgb(210,210,210);
}

#additionalnavi {
float:right;
background-color:#ffffff;
margin-top:100px;
padding-bottom:0px;
padding-top:0px;
margin-left:10px;
text-align:center;
width:170px;
color:rgb(160,160,160);
}

#logo {
width:780px;
margin-top:0px;
}

#navipath {
padding:0;
padding-bottom:10px;
background-color:#ffffff;
color:rgb(99,99,99);
width:388px;
}

.navi{
width:180px;
border-bottom:1px solid rgb(170,170,170);
background-color:rgb(255,255,255);
}

h1 {
padding-left:2px;
font-weight:bold;
font-size:13px;
color:rgb(217,104,28);
margin:0;
}

h1.content {
margin-bottom:12px;
padding:0;
}

hr { color:rgb(210,210,210); }

a { font-size:11px; color:rgb(190,190,190); text-decoration:none; }
a:hover { text-decoration:underline; }

a.newsheadline { font-weight:bold; }

a.bottomnavi { color:rgb(160,160,160); font-size:9px; }

a.additionalnavi { font-size:10px; color: rgb(160,160,160); }

a.navipath { font-size:10px; color: rgb(160,160,160); }

a.navileft_passive {
display:block;
background-color:#E8E8EE;
padding-top:3px;
padding-bottom:3px;
color:rgb(51,79,119);
}

a.navileft_active {
display:block;
background-color:#ffffff;
background:url("../images/navi_pfeil_rechts.gif") no-repeat;
background-position:right;
padding-top:3px;
padding-bottom:3px;
color:rgb(51,79,119);
}

a.navileft_open {
padding-left:10px;
display:block;
background:url("../images/navi_pfeil.gif") no-repeat;
background-position:right;
background-color:#E8E8EE;
padding-top:3px;
padding-bottom:3px;
color:rgb(51,79,119);
}

a.sitemap_level1 {
display:block;
border-bottom:1px solid #b4a8b4;
color:rgb(217,104,28);
font-weight:normal;
padding-bottom:.4em;
background:url("../images/navi_pfeil_rechts.gif") no-repeat;
background-position:right;
}

a.sitemap_level2 {
color:rgb(62,77,116);
background:url("../images/navi_pfeil_rechts.gif") no-repeat;
background-position:170px 4px;
display:block;
}

a.sitemap_level3 {
color:rgb(190,190,190);
}

.sitemap_level2_container {
float:left;
width:50%;
padding-top:.3em;
}

.sitemap_level3_container {
float:right;
width:50%;
padding-top:.3em;
}

.input_searchbox {
width:65px;
vertical-align:middle;
font-size:11px;
color: rgb(62,77,116);
}

.input_newsletterselect {
width:80px;
vertical-align:middle;
font-size:11px;
margin-right: 8px;
color: rgb(62,77,116);
}

.label_searchbox {
vertical-align:middle;
color:#9d9ea2;
position:relative;
padding-left:10px;
/*left:-65px;*/
}

#loginbox {
background-color:#DFE0E5;
border-top:1px solid #aeaeae;
border-bottom:1px solid #aeaeae;
padding-bottom:.6em;
padding-top:.6em;
padding-left:0em;
padding-right:0em;
margin-top:1.5em;
margin-bottom:1.5em;
}

#searchbox {
background-color:#DFE0E5;
border-top:1px solid #aeaeae;
border-bottom:1px solid #aeaeae;
padding-bottom:.6em;
padding-top:.6em;
padding-left:0em;
padding-right:0em;
margin-top:1.5em;
margin-bottom:1.5em;
}

#newsletterbox {
background-color:#DFE0E5;
border-top:1px solid #aeaeae;
border-bottom:1px solid #aeaeae;
padding-bottom:.6em;
padding-top:.6em;
padding-left:.5em;
padding-right:.5em;
margin-top:1.5em;
margin-bottom:1.5em;
}

.hidden {
display:none;
}

.balken {
padding-left:0px;
background-color:rgb(255,110,43);
background-image:url('../images/bg2.gif');
background-repeat: repeat-x,repeat-y;
background-position:2px 0px ;
}

.teaser_img {
float: left;
margin-right: 10px;
margin-bottom: 10px;
}

Leider!

[WDHOME]

div,p { margin-top:0; }

das habe ich gerade gefunden in der Style, dass müßte es doch sein? Denk ich mal!

[wosch]

div,p { margin-top:0; }

das habe ich gerade gefunden in der Style, dass müßte es doch sein? Denk ich mal!

DIV erscheinen nicht in der/einer CSS.
Die stehen in dem von dir verwendeten Layout in der Art:

Code: Alles auswählen

 <DIV ID="header"> 

Es erscheinen nur die ID bzw. CLASS die einem DIV-Element zugeordnet sind.
Also wäre hier der Eintrag im Beispiel der Definition "header" in der CSS interessant.

Du wirst dich schon mit den Grundlagen von CSS beschäftigen müssen um dein Problem zu lösen.

Ein Tipp, den du aber wahrscheinlich nicht umsetzen kannst:
Suchen nach margin:0px auto;

CSS ist manchmal ein Teufelszeug, schon Kleinigkeiten können einen zur Verzweifelung treiben, besonders bei den verschiedenen Browsern ...

Wenn es hier auch nicht gerne gesehen wird (CSS-Nachhilfe), zu Recht und auch verständlich,
poste einen Link zu deiner Seite ansonsten kann dir hier keiner bei deinem CSS-Problem helfen.