CSS am Rande des Wahnsinns

rookiestripes

Hi Leute,

hab mir jetzt schon zig Tutorials zu Gemüte geführt aber irgendwie peil ich die ganze Lage dann doch noch net so ganz. Hier mal meine css Datei.

Code

* {
    padding: 0;
    margin: 0;
}


body {
    background: #fff url(images/froopz_bground.gif) repeat-x;
    color: #000;
    font: normal 75%/1.4em "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}
a, a:link 
    { 
    font-family: georgia, times, "times new roman", serif;
    color: #B52C07; 
    text-decoration: none;
    }
    
    a:visited 
    { 
    color: #600; 
    }
    
    a:hover, a:active
    {
        color: #fff;
        background-color: #B52C07;
    }
    
hr{
    display: none;
}


/*IDS*/
#wrapper {
    width: 760px;
    margin: 0px auto;
    overflow: hidden;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    color: #000;
}


#header
{
  position: relative;
  margin: 0px auto 0 auto;
  width: 750px;
  height: 204px;
  background: transparent url(images/froopz_header.jpg) no-repeat 0 0;
}


#content {
    margin-right: 200px;
    background-color: transparent;
}


#sidebar {
    float: right;
    width: 170;
    background-color: Silver;
}
#sidebar ul {
    list-style-type: none;
    line-height: 150%;
}


#footer {
    width: 764px;
    height: 27px;
    margin: 0 auto;
    clear: both;
    text-align: center;
}


/*Classes*/
.copyright {
    font: normal 0.8em/1.6em "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}


p.postmetadata {
    text-align: right;
    font-size: 75%;
}

Alles anzeigen

Also eigentlich sollte sich doch der Sidebar (wegen float right) rechts neben den Content Bereich stellen oder? Macht er aber nicht, und ich hab keine Ahnung wieso. Würd mich über Hilfe freuen

rookie

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

telekommander

Korrigier erst mal diese width-Angabe:

Code

#sidebar {
float: right;
[COLOR="Red"]width: 170;[/COLOR]
background-color: Silver;
}

Welche Einheit ? px, em, km, cm, liter ... kW, Lichtjahre ? :mrgreen:
Und dann mal weitergucken !

rookiestripes

ok auch mit korrigierter width angabe bleibt das doofe teil da unten in der rechten ecke kleben

pichfl

#content{ float:left; }
#sidebar{ float:left; margin-left:-170px; }

?

rookiestripes

das bringts auch net wirklich, also normalerweise muß das doch gehen, versteh ich net

peti

Wie steht's mit einer Live-Fassung?

pichfl

kannst du (eventuell als rein statische version) mal den Quelltext samt CSS so hochladen, dass mans im Browser anzeigen kann?

rookiestripes

Also den Link gibts hier:

http://www.pixelgeist.de

und so schaut die CSS Datei nach dem Verändern jetzt aus:

Code

* {
padding: 0;
margin: 0;
}


body {
background: #fff url(images/froopz_bground.gif) repeat-x;
color: #000;
font: normal 75%/1.4em "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}
a, a:link
{
font-family: georgia, times, "times new roman", serif;
color: #B52C07;
text-decoration: none;
}


a:visited
{
color: #600;
}


a:hover, a:active
{
color: #fff;
background-color: #B52C07;
}


hr{
display: none;
}


/*IDS*/
#wrapper {
width: 760px;
margin: 0px auto;
overflow: hidden;
border-left: 1px solid #000;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
color: #000;
}


#header
{
position: relative;
margin: 0px auto 0 auto;
width: 750px;
height: 204px;
background: transparent url(images/froopz_header.jpg) no-repeat 0 0;
}


#content {
float: left;
width: 450px;
background-color: transparent;
}


#sidebar {
margin-left: 200px;
background-color: Silver;
}
#sidebar ul {
list-style-type: none;
line-height: 150%;
}


#footer {
width: 764px;
height: 27px;
margin: 0 auto;
clear: both;
text-align: center;
}


/*Classes*/
.copyright {
font: normal 0.8em/1.6em "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}


p.postmetadata {
text-align: right;
font-size: 75%;
}

Alles anzeigen

rookiestripes

und jemand ne idee?

vurt_runner

ich denke du musst deinen content-container natuerlich auch noch ein float verpassen.

gruss vurt_runner

vurt_runner

upps, ich war wieder zu langsam mit dem antworten :)

gruss vurt_runner

telekommander

... und sie steht rechts . Und wie !

Wu_kung

CSS lokalisieren

Hi!

bevor Du an den Styles drehst, versichere Dich, WO welche liegen, und mit welcher Wirksamkeit. Ich bin auch mal nahe am Verzweifeln gewesen, nachdem meine CSS-Anpassungen ignoriert wurden. Dann habe ich durch Zufall festgestellt, dass in einer index-Datei im Header auch noch Styles lagen - und siehe da, DORT gehörten meine Änderungen hin.

Problem: Das ist von theme zu theme anders.

Gruss

Willkommen! Melden Sie sich an oder registrieren Sie sich.

CSS am Rande des Wahnsinns

Jetzt mitmachen!

Benutzer online in diesem Thema