sätta class på id

5 svar · 346 visningar · startad av joel_sundkvist 1 feb. 2005

joel_sundkvistMedlem sedan feb. 2003240 inlägg

Frågan1 feb. 2005 10:04#1

Hej,

Har ett litet dilemma.

Har en generell css-snutt för min container som jag anropar med id="container". För att förändra containern på undersidorna har jag lagt till en class för "det nya".

#container
{
width: 650px;
padding: 0;
margin: 0 auto;
text-align:left;
background:#FBF3EE;
border: 10px solid #f8f8f8;
}

#container.start
{
height:450px;
background:#FBF3EE url(../images/gfx/start_bg.jpg) no-repeat top left;
}

#container.bio
{
background:#FBF3EE url(../images/gfx/bio_bg.jpg) no-repeat top left;
}

Sida 1

<div id="container"> ### </div>

Sida 2

<div id="container" class="start"> Annan bakgrund och fast höjd </div>

Sida 3

<div id="container" class="bio"> Annan bakgrund och flexibel höjd </div>

Detta funkar inte i MSIE. Funkar i FF och Safari.
Kan man inte sätta klasser på ett id likt ovan, eller är det nåt som inte stöds av IE?
Har jag fått det om bakfoten?

Tack på förhand!

nitro2k01Medlem sedan aug. 20039 340 inlägg

1 feb. 2005 10:07#2

Jag har inte kollat deta själv nu, men har du prövat .start#container
För övrigt tycker container borde vara en klass i detta fall, och start/bio olika id.

joel_sundkvistMedlem sedan feb. 2003240 inlägg

1 feb. 2005 10:09#3

Så sant som det var sagt!! Ut semantisk synvinkel borde detta vara det bästa.... ska kolla...

joel_sundkvistMedlem sedan feb. 2003240 inlägg

1 feb. 2005 10:14#4

Testade .container#start ==> <div class="container" id="start>
vilket inte funkar för mig i MSIE. Formateringen för .container tas inte med.

joel_sundkvistMedlem sedan feb. 2003240 inlägg

1 feb. 2005 10:18#5

Löste det genom att plocka bort background på .container. Det blev en kollision med de olika bakgrunderna i respektive ID.

Lösning:

.container
{
width: 650px;
padding: 0;
margin: 0 auto;
text-align:left;
border: 10px solid #f8f8f8;
}

.container#start
{
height:450px;
background:#FBF3EE url(../images/gfx/start_bg.jpg) no-repeat top left;
}

.container#bio
{
background:#FBF3EE url(../images/gfx/bio_bg.jpg) no-repeat top left;
}

Tack för snabbt svar!!! :)

icaaqMedlem sedan okt. 20005 273 inlägg

1 feb. 2005 10:31#6

Jag brukar lösa det så att jag sätter ett id på body taggen. och sen utgår ifrån den.

[red]
#container
{
/*[b]här sätter jag de värden som ska gälla alla containers[/b]*/
}
#start #container
{
background:#FBF3EE url(../images/gfx/start_bg.jpg) no-repeat top left;
}
#bio #container
{
background:#FBF3EE url(../images/gfx/bio_bg.jpg) no-repeat top left;
}
[/red]

mv icaaq