Reiche Zahnarztgattin
hi,
jetzt weis ich wirklich nicht mehr weiter, seit 3h probiere ich nun alles mögliche rum aber finde einfach keine lösung.
folgendes problemkind:
erklärung der div-boxen:
links oben, "navigation" = #boxtitle
rechts oben, "home" = #contenttitle
unter links drunter container mit den ganzen links = #box
unter rechts soll der content-container kommen = #content
danach folgt ein float:clear und eine zweite box bestehend aus #boxtitle ("aktuelles") + #box ("hier fehlen noch unterpunkte") wird *ungefähr mittig zum content zu sehen sein. *ungefähr weil das keine rolle spielt
mein html-quellcode dazu, ich versuche es wie bei der erklärung umzusetzen und schreibe die kommentare extra aus:
mein css sieht so aus:
Den aktuellen Stand seht ihr weiter unten!!
wo ist mein fehlerteufel drin??
ich habe zuerst den margin zwischen den beiden box1 titel sowie contenttitel vermutet, isses aber wohl nicht. auch das ich irgendwo nen absatz oder was ganz triviales vergessen habe?
oder ich hab einfach die float mechanik nicht gerallt oder den quellcode falsch aufgebaut.
wäre nett wenn jemand kurz drüberrutschen könnte
-edit-
auf http://www.skrypta.de könnt ihr eine ältere variante davon sehen, in der aber alles funktioniert. habe das sheet übern haufen geschmissen weil ich transparente titel haben wollte. (damals auch die titel als "class" definiert)
jetzt weis ich wirklich nicht mehr weiter, seit 3h probiere ich nun alles mögliche rum aber finde einfach keine lösung.
folgendes problemkind:
erklärung der div-boxen:
links oben, "navigation" = #boxtitle
rechts oben, "home" = #contenttitle
unter links drunter container mit den ganzen links = #box
unter rechts soll der content-container kommen = #content
danach folgt ein float:clear und eine zweite box bestehend aus #boxtitle ("aktuelles") + #box ("hier fehlen noch unterpunkte") wird *ungefähr mittig zum content zu sehen sein. *ungefähr weil das keine rolle spielt
mein html-quellcode dazu, ich versuche es wie bei der erklärung umzusetzen und schreibe die kommentare extra aus:
HTML:
<!-- Box 1 Titel links-->
<div id="boxtitle">Navigation</div>
<!-- Contenttitel direkt rechts davon -->
<div id="contenttitle">»Home</div>
<!-- Box 1 direkt unterm box1titel links -->
<div id="box">
<a class="menu" href="#">» Home</a><br />
<a class="menu" href="#">» Artwork</a><br />
<a class="menu" href="#">» Fotografie</a><br />
<a class="menu" href="#">» Download</a><br />
<a class="menu" href="#">» Kontakt</a><br />
<a class="menu" href="#">» Disclaimer</a><br />
<a class="hidelink" href="http://validator.w3.org/check?uri=referer">
<img style="border:0;width:80px;height:15px" src="xhtml10.gif" alt="Valid XHTML 1.0 Transitional" /></a>
<a class="hidelink" href="http://jigsaw.w3.org/css-validator/check/referer">
<img style="border:0;width:80px;height:15px" src="css.png" alt="Valid CSS!" /></a>
</div>
<!-- Content direkt unterm titel rechts-->
<div id="content">
[... jede menge contenttext ...]
</div>
<!-- Das Clear hebt den Float von box1 auf content auf und ermöglicht direkt unter box1 eine weitere box2 mit zwischenabstand siehe margin -->
<br style="clear:left;" />
<!-- Box 2 Titel -->
<div id="boxtitle">Aktuelles</div>
<!-- Box 2 -->
<div id="box">
<a class="menu" href="#">» Hier</a><br />
<a class="menu" href="#">» fehlen</a><br />
<a class="menu" href="#">» noch</a><br />
<a class="menu" href="#">» weitere</a><br />
<a class="menu" href="#">» Unterpunkte</a><br />
</div>
mein css sieht so aus:
PHP:
#box {
width:15%;
padding:5px;
margin:-5px 5px 5px 5px;
border:1px solid #409DFC;
background-image:url(7x7dunkelgrau90.png);
line-height:18px;
}
#boxtitle {
width:15%;
padding:5px;
margin:10px 0px 5px 5px;
border-left:1px solid #409DFC;
border-top:1px solid #409DFC;
border-right:1px solid #409DFC;
background-image:url(7x7blau75_409DFC.png);
font-weight:bold;
color: #FFF;
letter-spacing:3px;
}
#content {
width:80%;
border:1px solid #409DFC;
background-image:url(7x7dunkelgrau90.png);
float:right;
margin:-5px 5px 5px 10px;
}
#contenttitle {
width:80%;
float:right;
padding:5px;
margin:0px 5px 5px 0px;
border:1px solid #409DFC;
background-image:url(7x7blau75_409DFC.png);
font-weight:bold;
color: #FFF;
letter-spacing:3px;
text-align:right;
}
Den aktuellen Stand seht ihr weiter unten!!
wo ist mein fehlerteufel drin??
ich habe zuerst den margin zwischen den beiden box1 titel sowie contenttitel vermutet, isses aber wohl nicht. auch das ich irgendwo nen absatz oder was ganz triviales vergessen habe?
oder ich hab einfach die float mechanik nicht gerallt oder den quellcode falsch aufgebaut.
wäre nett wenn jemand kurz drüberrutschen könnte
-edit-
auf http://www.skrypta.de könnt ihr eine ältere variante davon sehen, in der aber alles funktioniert. habe das sheet übern haufen geschmissen weil ich transparente titel haben wollte. (damals auch die titel als "class" definiert)
Zuletzt bearbeitet: