Suche im Forum:
Suchen


Autor Nachricht
Beitrag20.08.2010 um 15:52 (UTC)    
Titel: Sidebar will nicht nach rechts & oben gleichzeitig

Hallo liebe Forenmitglieder,

ich überarbeite gerade das CSS-Design meiner Website mithilfe des "Profi-Designs". Dabei habe ich ein kleines Problem, wo ich selbst nach stundenlangem Ausprobieren nicht weiter weiß.
Die Sidebar will nicht nach rechts oben, so wie im alten IceBlue-Design. Ich benötige außerdem den Counter (wenn man ihn anders mit div realisieren kann, bin ich ganz Ohr), also einfach verstecken würe so nicht klappen.

Hier mein Code, der auf http://www.windowssite.de.tl/Willkommen.htm ausgeführt wird:
Code:
body      {
         margin:               0;
         padding:            0;
         
         background-color:      #000000;
         background-image:      url(http://img.webme.com/pic/w/windowssite/bg.jpg);
         background-position:   center;
         background-attachment:    fixed;
         background-repeat:      no-repeat;
         
         font-family:         Segoe UI, Arial, Helvetica;
         font-size:            12px;
         color:               #000000;
         }

a         {
         color:               #0066CC;
         text-decoration:      none;
         }
a:hover      {
         color:               #3399FF;
         text-decoration:      underline;
         }
a img      {
         border:               none;
         }
         
#design      {
         margin:               0 auto;
         width:               1000px;
         }
         
#header_container{
         width:               1000px;
         height:               169px;
         
         background-image:      url(http://img.webme.com/pic/w/windowssite/header_container.png);
         }
.header      {
         visibility:            hidden;
         }
         
#nav_container{
         float:               left;
         width:               200px;
         }
#nav_heading{
         margin:               0px;
         padding:            6px 0px 0px 6px;
         height:               28px;
         
         background-image:      url(http://img.webme.com/pic/w/windowssite/nav_heading.png);
         
         font-size:            12px;
         font-weight:         normal;
         }
#nav      {
         margin:               0px;
         padding:            15px 9px 0px 29px;
         float:               left;
         width:               162px;
         height:               1585px; /* 100%? */

         background-color:      #315C89;
         background-image:      url(http://img.webme.com/pic/w/windowssite/nav.png);
         background-repeat:      no-repeat;
         background-position:   bottom;

         line-height:         23px;
         list-style-type:      none;
         }
#nav a      {
         color:               #FFFFFF;
         }

#content_container{
         float:               left;
         width:               800px;
         }
#title      {
         margin:               0px 0px 0px 0px;
         padding:            8px 0px 42px 10px;
         
         font-size:            12px;
         font-weight:         normal;
         }
#content   {
         padding:            0px 16px 8px 16px;
         float:               left;
         width:               568px;
         
         background-image:      url(http://img.webme.com/pic/w/windowssite/content.png);
         }         
#counter   {
         padding:            27px 0px 0px 85px;
         float:               left;
         width:               515px;
         height:               34px;
         
         background-image:      url(http://img.webme.com/pic/w/windowssite/counter.png);
         }
#sidebar_container{
         width:               200px;
         }
Beitrag21.08.2010 um 05:12 (UTC)    
Titel:

Ich hab sie jetzt erstmal absolut positioniert, aber eigentlich kann's das ja nicht sein? Der IE7 fällt damit schonmal flach (gut, selber Schuld, wer alte Browser nutzt, trotzdem schade).
Beitrag21.08.2010 um 20:44 (UTC)    
Titel:

Passe den Gesamtkontainer einfach an, falls deine rechte Box breiter ist. Eigentlich sollte man via float das rechts umfließen können, sofern der benötige Platz dafür vorhanden ist. Ich weiß ja nicht wie du es vorher versucht hast..
______________
Spendet jetzt für den User -Name entfernt - , damit er sich ein Duden kaufen kann, da seine Schreibkünste die einens 11-jährigen sehr stark ähneln. Smile
Beitrag23.08.2010 um 20:12 (UTC)    
Titel:

Joa, ich hatte alles mögliche ausprobiert, aber es hat nie funktioniert. Sad
Beiträge der letzten Zeit anzeigen:   


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