Witam,

mam taki problem, stworzyłem szablon na divach, ładnie sobie ułożyłem, natomiast przy zmianie wielkości czcionki zmieniają się rozmiary div, jak tego uniknąć?

Z góry dziękuję za pomoc

Zobacz, może to pomoże:

[HTML] pobierz, plaintext 
div#jakiśtam {
      overflow: hidden;
}
[HTML] pobierz, plaintext 

Witam możesz pokazać co zrobiłeś masz ustaloną szerokość dla owych divów ?

tutaj css:

[PHP] pobierz, plaintext 
body
{
    text-align: center;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 
 
 
}
 
div#tab
{
    width:63.75em;
    margin: 0 auto;
    border: 0;
 
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
 
 
}
 
 
div#upper_panel
{
    width: 63.75em;
    height: 2.5em;
    margin-left: auto;
    margin-right: auto;
    background-image:url('images/template/layout_e_petent_01.gif');
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
div#banner
{
    width: 63.75em;
    height: 13.75em;
    margin-left: auto;
    margin-right: auto;
    background-image:url('images/template/layout_e_petent_02.gif');
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
div#upper_menu
{
    width: 63.75em;
    height: 2.5em;
    margin-left: auto;
    margin-right: auto;
    background-image:url('images/template/layout_e_petent_03.gif');
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
div#left_panel
{
    width: 13.75em;
    height: 63em;
    margin: 0 auto;
    float:left;
    background-image:url('images/template/layout_e_petent_04.gif');
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
 
 
 
 
}
div#center_panel
{
    width: 32.5em;
    height: 63em;
    margin: 0 auto;
    float:left;
    background-image:url('images/template/layout_e_petent_05.gif');
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
 
}
div#right_panel
{
    width: 17.5em;
    height: 63em;
    margin: 0 auto;
    float:left;
 
    background-image:url('images/template/layout_e_petent_06.gif');
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
 
 
}
div#lower_panel
{
    width: 63.75em;
    height: 2.5em;
    clear: both;
    float: none;
    margin: 0 auto;
    background-image:url('images/template/layout_e_petent_07.gif');
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
[PHP] pobierz, plaintext 

a tu rozmieszczenie divów:

[PHP] pobierz, plaintext 
<div id="upper_panel"></div>
            <div id="banner"></div>
            <div id="upper_menu"></div>
            <div id="tab">
                <div id="left_panel">ffdgdfg</div>
                <div id="center_panel">
                    <p id="text">To jest jakiś tekst. Trzeba zobaczyć, jak będzie widoczny na teksturze i ewentualnie
                    dodać jakieś tło.</p>
 
                </div>
                <div id="right_panel">
 
 
                </div>
            </div>
                <div id="lower_panel"></div>
[PHP] pobierz, plaintext 

overflow: hidden;

Nie ma się co dziwić, że zmienia się wielkość div-a, skoro używasz jednostek zależnych. Poczytaj o tych jednostkach.

Właściwie chodziło mi o rzucenie okiem, ale już wszystko powinno być jasne.

Pozdrawiam.

EDIT:
Mała prośba na przyszłość - używaj właściwego BBCode.

Dziękuję bardzo za pomoc , nie wiedziałem, że te jednostki się tak zachowują, w takim razie kiedy używać jakich jednostek? Przepraszam również za brak odpowiedniego BBCode.