- Mégse száll ki a Meizu?
- Vodafone-ra áttért Digi Mobilosok
- iPhone topik
- Poco X6 Pro - ötös alá
- Honor Magic6 Pro - kör közepén számok
- Samsung Galaxy S24 Ultra - ha működik, ne változtass!
- Samsung Galaxy S23 Ultra - non plus ultra
- Telekom mobilszolgáltatások
- OnePlus 7 - magabiztos folytatás
- Fotók, videók mobillal
Hirdetés
-
Toyota Corolla Touring Sport 2.0 teszt és az autóipar
lo Némi autóipari kitekintés után egy középkategóriás autót mutatok be, ami az észszerűség műhelyében készül.
-
Karácsonyfaként világíthat a Thermaltake új CPU-hűtője
ph Az ASTRIA 600 ARGB ráadásul a hűtési teljesítmény szempontjából sem szégyenkezhet.
-
Konzolokra is megjelenik a Fera: The Sundered Tribe
gp A kooperatív szörnyvadászós játékhoz a minap egy friss trailert kaptunk.
Új hozzászólás Aktív témák
-
czappa
aktív tag
Valyon nézi még valaki ezt a topicot?
(Előre mondom, hogy totál kezdő vagyok css-ben.)
A gondom az, hogy csinálgatok egy oldalt, amiben korábban frame-ekkel dolgoztam, ehelyett most css-t használnék és div-eket.
A ''frame''-ek a szokásosak: egy felső rész, egy alsó, egy menű és egy tartalom (inner).
FF-alatt úgy működik, ahogy szeretném, IE6 alatt több baj is van vele, ebből a lényegesebb:
A belső rész úgy jelenik meg, mintha mindig ''padding: 1em''-et használnék. IE figyel a padding-ra, mert ha növelem az értékét, akkor növekszik a padding, de hiába állítom 0-ra, mintha úgy venné, hogy az 1.
css:
body {
margin: 0em;
padding:0px;
position: relative;
/*font-family: verdana, arial, sans-serif;*/
}
.top {
border-width: 0px;
padding:0px;
margin: 0em;
height: 60px;
background-coloreal;
color: #fff;
font-size: 36px;
padding: 10px;
}
.container {
border-width: 0px;
padding: 0px;
position: relative;
margin: 0px;
}
.menu {
border-width: 0px;
padding: 0px;
margin: 0px;
position: absolute;
bottom: 0px;
top: 60px;
left: 0;
width: 180px;
background-coloreal;
overflow: auto;
}
.inner {
/*top: 60px;*/
border-width: 0px;
padding: 0px;
margin: 0em;
margin-left: 180px;
width: auto;
background-color:#D6F0F0;
overflow: auto;
font-size: 14px;
}
.bottom {
border-width: 0px;
padding: 0px;
margin: 0em;
margin-left: 180px;
width: auto;
height: 30px;
background-coloreal;
/*color: #fff;*/
font-size: 12px;
}
</style>
De mondom csak az .inner résznél a body-nál jól működik.
jah a html pedig:
<body>
<div class=''container''>
<div class=''top''>cím szöveg</div>
<div class=''menu''>
<br/>
<br/>
<br/>
<ul>
<li><a href=''index2.php?page=oldal''>oldal</a></li>
<li><a href=''index2.php?page=oldal''>oldal</a></li>
<li><a href=''index2.php?page=oldal''>oldal</a></li>
</ul>
</div>
<div class=''inner''>
--tartalom---
</div>
<div class=''bottom''>Hibabejelentés: senkee@gmail.com</div>
</div>
</body>
Mi lehet a probléma?
A segítséget előre is köszönöm.
[Szerkesztve]
Új hozzászólás Aktív témák
- A fociról könnyedén, egy baráti társaságban
- OLED TV topic
- Amlogic S905, S912 processzoros készülékek
- LED világítás a lakásban
- Kihívás a középkategóriában: teszten a Radeon RX 7600 XT
- ASUS routerek
- Suzuki topik
- Milyen légkondit a lakásba?
- Kínai, és egyéb olcsó órák topikja
- Mégse száll ki a Meizu?
- További aktív témák...