Miért csúsznak el a divek?
Kezdő vagyok de egyik barátommegkért hogy csináljak neki honlapot de a divek más felbontáson elcsúsznak...
html:
<html>
<head>
<title>Nike-team</title>
<link rel="stylesheet" type="text/css" href="style.css"/>
</head>
<body>
<div id="menu">
<ul>
<li><a href="">Főoldal</a></li>
<li><a href="">Info</a></li>
<li><a href="">Adminok</a></li>
<li><a href="">Warok</a></li>
<li><a href="">Valami</a></li>
</ul>
</div>
<div style="position: absolute; top: 0; right: 200px; width: 900px; height: 150px; background-image: url('img/fejlec.png'); display: block;"></div>
<div style="position: absolute; bottom: 223px; left: 0px; width: 100px; height: 500px; background-color: #222; display: block;"></div>
<div style="position: absolute; bottom: 223px; right: 0px; width: 100px; height: 500px; background-color: #222; display: block;"></div>
<div style="position: absolute; bottom: 120px; right: 300px; width: 700px; height: 500px; background-color: #222; border: 1px solid #000;display: block; margin: 0 auto;">
<center><h1><font color="red">Üdvözöllek a Nike-m0d weblapján</font></center></h1>
<hr>
<h2><font color="white">Hírek</font></h2>
</body>
</html>
body {
font-family: arial,verdana;
font-size: 11px;
background-image: url('img/body.png')
}
a {
text-decoration: none;
}
div#menu {
position: absolute;
top: 160px;
left: 400px;
width: 464px;
display: block;
}
div#menu ul {
list-style: none;
padding: 0px;
margin: 0;
}
div#menu ul li {
float: left;
}
div#menu ul li a {
font-weight: bold;
padding: 11px;
display: block;
font-size: 20px;
color: white;
}
div#menu ul li a:hover {
color: red;
}
képeket nemtudok adni..
css:
válasza:hm... szóval: nem elcsúszva van, egyszerűen azt teszi, amire utasítod:
a meghatározott szélességű divek, felbontástól függetlenül akkora távolságban vannak a böngésző meghatározott oldalaitól..
példa: ha egy div
width: 800px;
position: absolute;
left: 112px;
akkor az 1024*768on pont középen van, 1366*768on viszont nem középen, hanem ugyanúgy 112re a bal kerettől, viszont jobb oldalon 1366-112-800 = 454 pixelre van a jobb oldaltól.
ez így működik, ha felbontásfüggetlenül azonos megjelenést akarsz, nos, mit is mondjak: olvass jobban utána a html+css témakörnek..
vagy konkrét kérdéssel fordulj bizalommal a nagyérdeműhöz.
válasza:Ezt nézd meg, hátha segít a DIV-ek használatában:
Kapcsolódó kérdések:
Minden jog fenntartva © 2025, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!