Проблем с float в css

[jaffy]

Значи имам class "vicove" примерно и в него id-та cat и rating.


HTML:

<div class="vicove">
<div id="cat">Категория: Име</div><div id="rating">Рейтинг: ******</div>
</div>

CSS:

.vicove{
font-family: Tahoma;
color: #474747;
font-size: 11px;
}
.vicove .cat{float: left}

.vicove .rating{float: right}

Двете трябва да са на 1 ред и едното да е в крайно ляво а Рейтинга в крайно дясно, но не разбирам защо не се получава. Предполагам си има смислено обяснение ,но аз определено не го знам.


+1

 

[lqbo]

Пробвай така

HTML:

<div class="vicove">
<div id="cat">Категория: Име</div><div id="rating">Рейтинг: ******</div>
</div>

CSS:

.vicove
{
font-family: Tahoma;
color: #474747;
font-size: 11px;
}
.vicove .cat{float: left;}

.vicove .rating{float: right;}

 

[jaffy]

Хехе , не е това проблема.

Трябва да ти кажа ,че и моя и твоя вариант са верни.


Междодругото да добавя, че аз и сега мога да ги разпределя ляво/дясно обаче не са на 1 ред, ето там ми е проблема и не знам как да го постигна а съм го виждал по много сайтове.

 

[ArchangelS]

с position:absolute; пробавй

 

[devent]

След 2-та дива с float пусни един <div style="clear: both;"></div>
Примерно:

<div id="leftfloat">123</div>
<div id="rightfloat>456</div>
<div style="clear: both;"></div>

 

[jaffy]

Пробвах го и с position:absolute; - не се получи.

Отновно това на devent и то не се получи, ето как стана:

css:

.vicove{
font-family: Tahoma;
color: #474747;
font-size: 11px;

}

.vicove .cat{
float: left;
}

.vicove .rating{
float: right;
}

HTML:

<div class="vicove">
<div id="cat">Категория: Име</div><div id="rating">Рейтинг: ******</div>
<div style="clear: both;"></div>
</div>

@ArchangelS според теб къде трябва да сложа този position:absolute; ? На 2 или повече места или само на 1? Защото аз пробвах и го сложих едно временно в cat и raiting и после отделно в class vicove.

 

[devent]

Като ти гледам цсс-а ти си задал в него да са класове, а в html да са id-ове?

.vicove .cat{
float: left;
}

.vicove .rating{
float: right;
}

<div id="cat">Категория: Име</div><div id="rating">Рейтинг: ******</div>

 

[jaffy]

Като ти гледам цсс-а ти си задал в него да са класове, а в html да са id-ове?

.vicove .cat{
float: left;
}

.vicove .rating{
float: right;
}

<div id="cat">Категория: Име</div><div id="rating">Рейтинг: ******</div>

Лелелеелеееее.... ма съм идиот.. :!:

Ако не ми беше отворил очите щях да се лутам цял ден.

Едно правило при писане на код: Не бързай и прегледай от 5 до 10 пъти всеки ред.

И другото правило е наспи се добре след като си седял до 4 сутринта да правиш дизайн!!

+1 :?: