• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Immernoch ein CSS Problem

Status
Für weitere Antworten geschlossen.
P

pony236

Neues Mitglied
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<head>
<head><TITLE>US-Teddys vom Harzrand</TITLE>
<META NAME="Author" CONTENT="Sina Hansch">
<META NAME="Publisher" CONTENT="Sina Hansch">
<META NAME="Copyright" CONTENT="Sina Hansch">
<META NAME="revisit-after" CONTENT="7">
<META NAME="Keywords" CONTENT="US-Teddys in Schokokombintionen,Hobbyzucht,schoko-creme-weiß,Rassemeerschweinchen,schoko-buff-weiß,">
<META NAME="Description" CONTENT="Liebevolle Hobbyzucht von US-Teddys in Schokokombinationen. Regelmäßig Abgabetiere.">
<META NAME="Abstract" CONTENT="Liebevolle Hobbyzucht von US-Teddys in Schokokombinationen. Regelmäßig Abgabetiere.">
<META NAME="Page-type" CONTENT="Private Homepage">
<META NAME="audience" CONTENT="Alle">
<META NAME="Robots" CONTENT="INDEX,FOLLOW">
<META NAME="Content-language" CONTENT="DE">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
body {
font: 100.01% Verdana, Arial, Helvetica, sans-serif;
color: #943e4b;
}
* {
margin:0;
padding:0;
}
#seite {
width:100%;
margin: 0 auto;
background-image:url(bilder/wkirsch.jpg);
}
#kopfbereich {
height:233px;
padding: 10px;
background-image:url(bilder/logo.jpg);
background-repeat:no-repeat;

}
#lauftext {
padding: 20px;
color: #fff1da;

}

#inhalt {

margin-left: 244px;
float:right;
margin-right: 10px;
min-height:450px;
background-image:url(bilder/wgelb.jpg);
}
#steuerung {
margin-left: 10px;
float: left;
width:200px;
min-height:450px;
background-image:url(bilder/wgelb.jpg);

}
#fussbereich {
clear: both;
padding: 20px;
background-image:url(bilder/wkirsch.jpg);
color: #fff1da;

}
</style>
</head>
<body>
<div id="seite">
<div id="kopfbereich">
</div>
<div id="lauftext">
<marquee>Lauftext</marquee>
</div>

<div id="steuerung" style="clear:right;"><a href="abgabetiere.htm" target="inhalt">Abgabe</a></div>


<div id="inhalt">

</div>
<div id="fussbereich">
<!-- hier kommt die Fußnote rein!-->
</div>
</div>
</body>
</html>

So sieht mein Code jetzt aus, dachte eigentlich auch, dass ich float und clear richtig angewandt habe, aber nun gibt es den #"inhalt" nicht mehr und die Seite öffnet sich in neuem Fenster... könnt ihr mir den Ferhler zeigen???
DANKE!!!
 
Zweispalter mit kopf und Fuß

Das ist ja schon mal nicht schlecht.
Das margin-left vom Inhalt hat sich nicht mit dem float vertragen.
Das clear war zwar richtig aber vielleicht möchtest du später, daß die linke spalte so hoch aussieht wie die rechte (faux column - Technik).

was ich geändert habe:
-backround-color für die Kästchen gegeben (damit ich sie sehen konnte).
-margin für Ihnhalt entfernt.
-float : left; anstelle float: right; gesetzt damit die Spalten nicht zu weit auseinanderdriften.
-width für Inhalt gesetzt damit ich es auch ohne Text sehen kann.
-Die linke und rechte Spalte in einem div zusammengefasst und ein br für clear gesetzt.
-Dein altes clear im Fuß entfernt (ginge aber auch).
Code: 
<style type="text/css">
body {
font: 100.01% Verdana, Arial, Helvetica, sans-serif;
color: #943e4b;
}
* {
margin:0;
padding:0;
}
#seite {
width:100%;
margin: 0 auto;
background-image:url(bilder/wkirsch.jpg);
}
#kopfbereich {
height:233px;
padding: 10px;
background-color: #C3EBFB;
background-image:url(bilder/logo.jpg);
background-repeat:no-repeat;

}
#lauftext {
padding: 20px;
color: #fff1da;
background-color: #C4C4C4;
}

#inhalt {
/*margin-left: 244px; abstand ergibt sich aus float von "Steuerung"*/
float:left;
/*margin-right: 10px; Gebe lieber den enthaltenden Elementen padding-Angaben (h1, p usw)*/
width : 400px; /*solltest du wieder löschen wenn inhalt drinn ist)*/
min-height:450px;
background-image:url(bilder/wgelb.jpg); /* solltest du der neuen id = "spalten" zuweisen*/
background-color: #325774;
}
#steuerung {
margin-left: 10px;
float: left;
width:200px;
min-height:450px;
background-image:url(bilder/wgelb.jpg);
}


#fussbereich {
/*clear: both; nicht mehr nötig siehe html*/
padding: 20px;
background-image:url(bilder/wkirsch.jpg);
background-color : #CCFFCC;
color: #fff1da;

}
</style>
</head>

<body>

<div id="seite">
<div id="kopfbereich">

</div>
<div id="lauftext">
<marquee>Lauftext</marquee>
</div>

<div id="spalten"><!-- Hier werden linke und rechte spalte zusammengefasst-->

<div id="steuerung" style="clear:right;">
<a href="abgabetiere.htm" target="inhalt">Abgabe</a>
</div>


<div id="inhalt">
<p>inhalt</p>
</div>
<br style = "clear : both;"> <!--Ist später wichtig wenn die Navigation immer so lang sein soll wie der Inhalt-->
</div>

<div id="fussbereich">
<!-- hier kommt die Fußnote rein!-->
<p>Fuß</p>
</div>
</div>
</body>
</html>
 
Ich sag jete schonmal Danke, aber ich habe immernoch das Problem, dass sich die neue Seite in einem neuen Fenster öffnet und nicht im Inhaltsbereich!

Ich glaube langsam, dass ich einfach zu doof dafür bin...
 
Nöö, blöde nicht. Aber du kannst in HTML über target nicht einfach ein DIV-Container bestimmen - Das wär zu einfach ;)

Dazu müßtest du auf PHP umsteigen, und mit include arbeiten :idea:, oder du benutzt das veraltete Frammeset (nicht gut) ;ugl
 
ich hab´s befürchtet... leider absolut keinen Plan von php...
dabei habe ich gedacht ich kann das nur mit CSS bewerkstelligen...
Kannst Du mir vielleicht helfen?

LG SINA
 
hallo
php hört sich immer gleich so schwer an ist es aber nicht!
du brauchst ja eigentlich nur die primitivsten dinge zu können. wer es geschafft hat mit html und css einigermassen zurecht zu kommen, der sollte auch kein großes Problem mit den basics von php haben!
Gruß KY
 
Ja, dann werde ich wohl mal lesen . lesen, lesen und hoffentlich auch begreifen...
Auf den ersten Blick verstehe ich wirklich absolut nichts davon, aber das habe ich bei CSS auch gedacht und mittlerweile bin ich richtig stolz auf mich... Warten wir es ab, ihr musstet mir bestimmt nicht das letzte Mal helfen!!!

LG Sina
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben