[CSS] % vs pixel responsive

10 naročnikov

Situacija:

Srednji image naj bo vedno pozicijoniran v sredini 980px containerja. Meni1+2 in Menu3+4 se ožata glede na širino viewport.

Trenutno:

#left #nav,
#right #nav {
width: 47%;}

#center {
width:6%;}

Kako bi lahko #center divu določil fiksno širino?
Če ga določim s procentom se zgodi tole. Če pa mu določim fiksno širino pa skoči #right #nav v naslednjo vrstico.

Ima kdo kakšno idejo?

Hvala...

hahaha...;)

jah, to so pa res osnove...

no, na kratko... ID je identifikacija elementa v DOMu (html)... vsak html element ima svoj ID... nikakor ne smeta imeta 2 elementa isti ID.

class je tako kot prevod, razred. vec elementov lahko spada v isti razred.

to je iz vidika HTMLja...

iz vidika CSSja pa:

cilajnje HTML elementa prek IDja je: #mojid
ciljanje HTML elementa prek CLASSa je: .mojclass

razlika pa zakaj uporabit enega ali drugega je pa ocitna... torej z #mojid lahko ciljas natanko 1 element (tisti, ki ima ta ID, glej razlago zgoraj)

z .mojclass pa lahko ciljas VSE elemente, ki so v tem razredu...

torej, recimo da imas HTML kodo tako:

<div id="box1">
    <p class="red">Telicki so se skotili</p>
    <b>Hanyo</b> je pomagal pri <b class="red">porodu</b>
</div>
<div id="box2">
    <p class="blue">Internet Explorer sux</p>
    <b class="red">Mesetar</b> said so
</div>

torej

dive lahko ciljas:

div{
   color: green;
}

ali

#box1{
    color: green;
}
#box2{
   color: black;
}

razrede pa tako:

.red{
    color: red;
}

.blue{
    color: blue;
}

je jasno?

Evo, me je Melkijad prehitel :)

Mešetar: hja osnove, vem :) Do sedaj sem vedno vzel en template in ga predelal, sedaj pa začenjam iz nule pa sem rajši vprašal kot živel v nevednosti, heheh :)) Sicer pa hvala za tvojo obširno razlago, sedaj vse jasno in bo izdelava mnogo lažja!

Hvala tudi tebi, Melkiadus :) imata pluske.

jaz uporabljam definicijo ID-ja za layout medtem ko CLASS samo za vsebino to je def. texta.

lp

jaz uporabljam definicijo ID-ja za layout medtem ko CLASS samo za vsebino to je def. texta.

Kaj pa če se del layout-a na strani ponavlja?

malček ne povezano, ampak ti bo prav prišlo, zelo prav. Se spomnim kolikokrat sem se tepel po glavi zakaj ne vzame style, ki ga more.

http://www.stuffandnonsense.co.uk/archives/cssspecificitywars.html