Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag25.10.2009 um 18:27 (UTC)    
Titel: content und rechtebox positionieren

Guten Abend!
Ich habe auf meiner Testseite www.perblacker.de.tl/Home.htm ein Problem mit einem Design.
Ich möchte gerne meine rechte Box auf der linken Seite haben.
Ich habe sie so positioniert:
Rechte Box
Zitat:

#sidebar_container {
position:absolute;
top:373px;
width:300px;
padding:10px;
left:145px;
background:#0096ff url(http://www.loaditup.de/files/417571.png) repeat-x;
font-family: arial;
font-size: 14px;
text-align: left;
overflow: auto;
float: right;
}


Content:
Zitat:

#content_container {
position: absolute;
float: left;
top:373px;
left:445px;
width:690px;
background:#fff url(http://www.loaditup.de/files/417579.png) repeat-x;
padding-left: 3px;
padding: 2px;
text-align: left;
font-size: 13px;
color: #000;
overflow: auto;
}


Wenn bei der rechten Box "position: absolute;" und beim Content auch, dann sieht es wie jetzt aus. Die Box wird nicht richtig angezeigt, dann kommt der footer an einer falschen Stelle. Im Content ist ein scrollbalken, der einem zur Box führt.

Der Content ist zu Zeit ja richtig, aber wenn ich beim content das "position: absolute;" entferne ist der content auf der linken seite, und die rechtebox überlappt das ganze.

Ich hoffe, jemand kann mir helfen!
MFG
Beitrag25.10.2009 um 18:47 (UTC)    
Titel:

Hi,

wenn ich dich richtig verstehe, möchtest du die box rechts haben und den content weiter links.
Zitat:
#sidebar_container {
position:absolute;
top:373px;
width:300px;
padding:10px;
left:145px;
background:#0096ff url(http://www.loaditup.de/files/417571.png) repeat-x;
font-family: arial;
font-size: 14px;
text-align: left;
overflow: auto;
float: right;
}
Was soll der Browser denn da machen? Einerseits soll die box ganz rechts sein, aber auch 145px vom linken rand entfernt. Ich als browser wäre da sehr verwirrt. Confused

Hast du schonmal daran gedacht, den content per float:left; und die box mit float:right; zu positionieren und per margin die Abstände auszurichen? Am besten packst du das gesamte design dann in einen container (<div id="container" style="magin:0 auto;"> bei Text überm Design und unterm Design: </div>), der mittig ausgerichtet ist.

So sollte es funktinieren
______________

Beitrag25.10.2009 um 19:30 (UTC)    
Titel:

Also ich mag die Box auf der linken Seite haben und den content auf der rechten.
Ich habe die beiden Elemente jetzt so umgeändert:
Content:
Zitat:
#content_container {
float: right;
width:690px;
background:#fff url(http://www.loaditup.de/files/417579.png) repeat-x;
padding-left: 3px;
padding: 2px;
text-align: left;
font-size: 13px;
color: #000;
overflow: auto;
}

Rechte Box
Zitat:
#sidebar_container {
width:300px;
padding:10px;
background:#0096ff url(http://www.loaditup.de/files/417571.png) repeat-x;
font-family: arial;
font-size: 14px;
text-align: left;
overflow: auto;
float: left;
overflow: auto;
}


Leider ist es irgenwie immer noch nicht so wie ich es haben will:
www.perblacker.de.tl/Home.htm

MFG
Flo-T[/code]
Beitrag26.10.2009 um 17:18 (UTC)    
Titel:

wie breit ist denn der hauptcontainer? Die Box und der Content sind mit 900px breite angegeben, mit padding, etc sinds 1015px;. Wenn der Container, der alles enthält nicht 1015px breit ist, wird die box unter den Content gesezt, weil nicht genügend platz ist, um beides nebeneinander anzuordnen.
______________

Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de