Panel użytkownika
Nazwa użytkownika:
Hasło:
Nie masz jeszcze konta?

HTML/CSS Stała szerokość dla div

Ostatnio zmodyfikowano 2014-02-07 22:00
Autor Wiadomość
GGG205
Temat założony przez niniejszego użytkownika
HTML/CSS Stała szerokość dla div
» 2014-02-07 21:25:49
Witam! Mam problem z divami, kiedy chcę zwiększyć rozmiar okna (CTRL+KÓŁKO OD MYSZKI) to moje buttony zmieniają położenie.
Wygląda to mniej więcej tak:
http://ifotos.pl/zobacz​/4png_ehrhswq.png/

A w normalnych wymiarach: http://ifotos.pl/zobacz​/5png_ehrhssh.png/

KOD CSS:
<style type = "text/css">
@font-face {
font-family: 'Coolvetica';
src: url('img/COOLVETI.TTF');
src: local('Coolvetica'), url(img/COOLVETI.TTF) format("truetype")
}
#Background
{
background-image: url('img/BG.png');
width: 100%;
height: 100%;
color: white;
display: table;
font-family: Coolvetica;

}

#TLogo
{
display: table;
}

#Logo1
{
background-image: url('img/LOGO.png');
background-position: center;
margin-left: 195px;
width: 363px;
height: 363px;
float: left;
}

#Logo2
{
float: left;
background-image: url('img/LOGONAPIS.png');
width: 499px;
height: 317px;
}

#BgMenu
{
display: table;
margin: auto;
max-height: 188px;
background-color: #363636;
}

#Menu
{
float: left;
margin-left: 180px;
}

#Menu ul, ul li
{
display: block;
list-style: none;
padding: 0;
margin: 0;
}

#Menu ul
{
list-style-type:none;
padding:0;
margin:0;
font-size:18px;
height:2em;
line-height:16em;
text-align:center;
}

#Menu ul > li
{
float:left;
margin: 10px;
}

#Menu  a {
text-decoration: none;
background: url("img/KWADRAT2.png");
color: #585858;
display: block;
width: 164px;
height:300px;
background-repeat: no-repeat;
}

#Menu ul > li > a:hover {
background: url("img/KWADRATUSE2.png");
}

</style>

KOD HTML:
<body>
<div id = "Background">

<div id = "TLogo">
<div id="Logo1"></div>
<div id="Logo2"></div>
</div>

<div id = "BgMenu">
<div id = "Menu">
<ul>
<li><a href = "#">O MNIE</li></a>
<li><a href = "#">PORADNIKI</li></a>
<li><a href = "#">REGULAMIN</li></a>
<li><a href = "#">KONTAKT</li></a>
<li><a href = "#">GALERIA</li></a>
</ul>
</div>
</div>

</div>
</body>
P-104200
MrPoxipol
» 2014-02-07 21:45:16
Dodaj dla menu szerokość 100%, ale nie wiem czy o to Ci chodziło.
P-104201
sajmon
» 2014-02-07 21:57:17
Możesz też spróbować min width
http://www.w3schools.com​/cssref/pr_dim_min-width.asp :)
P-104202
GGG205
Temat założony przez niniejszego użytkownika
Nie działa
» 2014-02-07 21:58:49
@MrPoxipol: Niestety problem dalej występuje. Jakieś inne sugestie ?

EDIT:
Sajmon: :D Działa. Dziękuję za pomoc. Można zamknąć temat.
P-104203
xevuel
» 2014-02-07 22:00:48
Rozmiary prostokątów uzależnij od rozmiarów elementu nadrzędnego,
%
.
P-104204
« 1 »
  Strona 1 z 1