Css positionierung

seecretum · 16.05.2009

Liebe Gemeinde ich bräuchte eure Hilfe! Und zwar bin ich grade dabei ein Layout in CSS umzuarbeiten, so jetz habe ich ein Problem: Auf dem Bild (unten) seht ihr ein Buchcover und die Beschreibung zu dem Buch, der Pfeil zeigt an die Stelle an der ich das Buch gerne hätte... ich kriege es aber einfach nicht dort hin, vielleicht wegen dem Divtag daneben, denn darunter kann ich es frei auf der seite positionieren! Ich möchte es am liebsten mit margin positionieren, da es am exaktesten arbeitet. Ich habe es schon mit verschieben positioniert, was ich allerdings nicht so schön finde...

Vielen Dank schonmal!
Gregor

Herr_D · 16.05.2009

AW: Css positionierung

entweder du floatest den div mit text left oder das bild right... die marginangabe ist irgendwie überflüssig und soll was bringen?

Code:

<div id="außenrum">
<div id=textnebenbild">Inhalt</div><img src="angabe" class="bildzumtext">
</div>

css

Code:

#außenrum {
angaben wie weite und höhe }

#textnebenbild {
angaben wie weite, schriftart, farbe usw. 
float:left;
}

img.bildzumtext {
weite
höhe
border 
}

seecretum · 16.05.2009

AW: Css positionierung

Aha ok sieht sauber aus! Glaubs dir schonmal und werde es gleich mal ausprobieren! Vielen Dank Herr_D

seecretum · 16.05.2009

AW: Css positionierung

Ok hab jetzt das Laout nochmal neu aufgeteilt (hat übrigens funktioniert Herr_D) jetzt habe ich aber noch ein problem... jetzt ist die Seite nicht zentriert ich stell mal den Jungräulichen Body hier rein

<body>

<div id="Div">
</div>
<div id="header">
</div>
<div id="navbereich">
</div>
<div id="leftside">
</div>
<div id="rightside">
</div>

</body>

wie zentrier ich jetz die ganze Seite am saubersten?

leohh · 16.05.2009

AW: Css positionierung

Liess mal bitte die Signatur von Herr_D das steht dort

seecretum · 16.05.2009

AW: Css positionierung

ja wäre ja zu einfach, habe ich auch schon alles probiert!

Vielleicht liegt es ja am Fireworks Code?

#header {
position: absolute;
left:36px;
top:36px;
width:962px;
height:298px;
margin-bottom:0px;
background-image: url(bilder/header.jpg);
overflow:hidden;

}
#navbereich {
position: absolute;
left:36px;
top:334px;
width:962px;
height:86px;
margin-bottom:0px;
background-image: url(bilder/navbereich.jpg);
overflow:hidden;

}
#leftside {
position: absolute;
left:36px;
top:420px;
width:645px;
height:544px;
margin-bottom:0px;
background-image: url(bilder/leftside.jpg);
overflow:hidden;

}
#rightside {
position: absolute;
left:681px;
top:420px;
width:317px;
height:544px;
margin-bottom:0px;
background-image: url(bilder/rightside.jpg);
overflow:hidden;

}

an den Positionsangaben?

gokart1549 · 16.05.2009

AW: Css positionierung

Am besten alle divs in ein rahmendiv und das mit margin:auto;

seecretum · 16.05.2009

AW: Css positionierung

Hmmm ich versuchs grad, aber irgendwie scheint er mir das komplett zu ignorieren was ich hier veranstalte, (echt seltsam) also ich hab ein ziemlich aufwendiges Layout gemacht, was sehr einfach war, aber jetzt beim umsetzen... puuhhh naja ok wenn ich jetzt die grafische Seite komplett als einen Container speicher, kommen die Probleme das alles extrem unordentlich wird und einfach unprofessionell wird, die Formatierung der Seite (mittig) funzt aber, wenn ich jetzt aber 4 slices mache dann funzt es nicht mehr, dafür gehen aber andere Sachen wieder besser... hoffentlich krieg ich das noch hin!

leohh · 16.05.2009

AW: Css positionierung

quck 'n dirty
Streich die absolute Positionierung.
setz einen container um das ganze und gib im overflow: hidden + margin: auto + width: ;
floate alle kindelemente nach links

seecretum · 16.05.2009

AW: Css positionierung

Puuuuhhh... danke für die Hilfe, hab jetzt schon ne Lösung! Mannsn CSS is zwar genial, aber man muss sich verdammt gut strukturieren können!