Jak polączyc ze sobą dwa divy Opcje

[endr1u]

Czy konieczne jest stosowanie takiego kodu?

html

Kod

<div id="puszkaGlowna">
    <div id="tytulNewsa">title
    </div>

    <div id="dataNewsa">date
    </div>
</div>

css

Kod

div#tytulNewsa{float: left; width: 50%; border-bottom: 1px solid; padding: 2px 0px 2px 0px;}
div#dataNewsa{float: right; width: 50%; border-bottom: 1px solid; padding: 2px 0px 2px 0px;}

czy da sie to zrobic jakos mniej bolesnie?

[piotrooo89]

zamiast float'ów można nadać display: inline; ale szczerze mówiąc nie wiem czy jest sens.

[endr1u]

zamiast float'ów można nadać display: inline; ale szczerze mówiąc nie wiem czy jest sens.

ale chodzi mi o to, ze jak teraz bede chcial uzyc paddinga od prawej i od lewej wtedy bede musial obliczac szerokosc wszystkiego od nowa.. jak display moge uzyc?

[piotrooo89]

ale chodzi mi o to, ze jak teraz bede chcial uzyc paddinga od prawej i od lewej wtedy bede musial obliczac szerokosc wszystkiego od nowa..

nie bardzo rozumiem.

jak display moge uzyc?

[HTML] pobierz, plaintext 
div#tytulNewsa{ display: inline; width: 50%; border-bottom: 1px solid; padding: 2px 0px 2px 0px;}
div#dataNewsa{ display: inline; width: 50%; border-bottom: 1px solid; padding: 2px 0px 2px 0px;}
[HTML] pobierz, plaintext 

Ten post edytował piotrooo89 21.02.2009, 22:02:58

[endr1u]

nie bardzo rozumiem.

[HTML] pobierz, plaintext 
div#tytulNewsa{ display: inline; width: 50%; border-bottom: 1px solid; padding: 2px 0px 2px 0px;}
div#dataNewsa{ display: inline; width: 50%; border-bottom: 1px solid; padding: 2px 0px 2px 0px;}
[HTML] pobierz, plaintext 

to mi nic nie dalo.. chodzi mi o to, ze chce poprostu na stałe połączyć prawa kolumne z lewą bo gdy zrobilem tak jak w przykladzie wyzej to gdy chce ustawic padding 5px 5px 5px 5px wtedy wszystko sie psuje i musze wtedy od powiedzmy szerokosci 1024 odejmowac te 5px od prawej i od lewej.. zeby zachowac okreslona szerokosc..

[sowiq]

i musze wtedy od powiedzmy szerokosci 1024 odejmowac te 5px od prawej i od lewej.. zeby zachowac okreslona szerokosc..

Tak, musisz. Wyświetlana szerokość = width + padding-left + padding-right + border-left + border-right (z tymi borderami to różnie czasami - chodzi mi o IE).

Jeżeli chcesz to obejść, to możesz zrobić tak:

[HTML] pobierz, plaintext 
<div style="width: 200px; height: 200px; float: left; background-color: #ff0;" id="rodzic1">
    <div style="padding: 20px;" id="dziecko1">
        Tutaj ustawiasz padding ile chcesz bez zmiany szerokości rodzica...
    </div>
</div><div style="width: 200px; height: 200px; float: left; background-color: #f00;" id="rodzic2">
    <div style="padding: 50px;" id="dziecko2">
        Tutaj ustawiasz padding ile chcesz bez zmiany szerokości rodzica...
    </div>
</div>
[HTML] pobierz, plaintext 

Ten post edytował sowiq 23.02.2009, 12:16:09