- Futott egy Geekbench kört egy új HTC készülék
- Május 7-én bulit tart a Huawei
- Samsung Galaxy S24 Ultra - ha működik, ne változtass!
- Milyen okostelefont vegyek?
- Fotók, videók mobillal
- Nothing Phone 2a - semmi nem drága
- Készülőben a Xiaomi 2021-es csúcsmodelljeinek HyperOS frissítése
- DIGI Mobil
- Vodafone mobilszolgáltatások
- Android alkalmazások - szoftver kibeszélő topik
Hirdetés
-
Súlyos adatvédelmi botrányba kerülhet a ChatGPT az EU-ban
it Egyre nagyobb probléma az AI hallucinálása – most az osztrák adatvédelmi hatóság veheti elő a ChatGPT miatt az OpenAI-t, alapvetően a GDPR megsértése miatt.
-
Az USA vizsgálja a RISC-V kínai terjedésének kockázatát
ph A Kereskedelmi Minisztérium egyelőre csak felméri a helyzetet, egyelőre nem látni, hogy tudnak-e bármit is tenni.
-
Új Beats fej- és fülhallgatók jelentek meg
ma Frissítette a Solo termékcsaládot az Apple házi audiomárkája.
Ú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-color
eal;
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] -
czappa
aktív tag
Linkelni sajnos nem tudok, mert még nem létező oldal, csupán localhoston megy. Esetleg majd valamilyen képlopóval csinálok képet (Nem tudtok véletlen egy ilyen ingyenes, egyszerű progit?
)
''Az úsztatáshoz pedig adj a menu osztályhoz egy float: left-et, így balról körül fogja folyni a többi rész, és nem kell pozícionálgatni és margózni.''
Köszi az ötletet, ma későn érek haza, akkor megpróbálom esetleg holnap. -
czappa
aktív tag
Módosítottam a tanácsodra a kódon (most csak a css-t másolom ide)
<style type=''text/css''>
body {
margin: 0;
padding: 0;
border: none;
/*position: relative;*/
/*font-family: verdana, arial, sans-serif;*/
}
div {
margin: 0;
padding: 0;
border: none;
}
.top {
height: 60px;
background-color: teal;
color: #fff;
font-size: 36px;
}
.container {
}
.menu {
float: left;
/*display: inline;*/
width: 180px;
background-color: teal;
overflow: none;
}
.inner {
background-color:#D6F0F0;
overflow: auto; /* This property will allow the block to be scrollable */
font-size: 14px;
}
.bottom {
/*width: auto;*/
height: 30px;
background-color: teal;
/*color: #fff;*/
font-size: 12px;
}
</style>
Így néz ki ie6 alatt:
[link]
[link]
és ff2 alatt:
[link]
Ahogy ff2 alatt megjelenik az majdnem jó, kivéve (2b)
(1) Látható, hogy ie6 mintha tenne egy kis paddingot, csak azt nem értem miért. Ennek elvileg nem kéne ott lennie
(2a)ff alatt a menü és a belső rész két külön oszlopban jelenik meg, így szeretném. Ie esetén a menüt körbefogja az inner rész. Ez az ie vagy az én hibám?
(2b)Igazság szerint azt szeretném, hogy a menü addig érjen, amíg a bottom részbe nem ütközik, magyarul olyan magas legyen, mint az inner rész. Ám ez állandóan változik, nem állandó, azt szeretném, hogy az inner magasságához igazodjon a menü magassága is.
Lehet, hogy most sem tudtam pontosan elmondani, de a képek beszédesebbek.
[Szerkesztve] -
czappa
aktív tag
1)A honlapnál URL-ben adom át h mi legyen az inner tartalma, de ha nem kap semmit (pl amikor a user beírja az url-t), akkor a ''kezdő oldal'' lesz az inner tartalma. Ideáig mivel még csak készülget az oldal, ezért a kezdő lap helyett adatbázis lekérdezés eredménye volt a kezdő oldal.
Na a lényeg h megcsináltam rendesebben, így alapból egy statikus oldal a kezdő oldal és most már minden rendesen néz ki. Magyarul nem tudom pontosan miért, de eltünt a ''mű'' padding, és most már jó.
A többit is köszi, egy kis plusz próbálgatás árán sikerült megcsinálnom, hogy most már (minimális pixelnyi eltéréseket leszámítva) ugyan úgy néz ki az oldal, FF-en és IE-n is.
Szóval köszi mégegyszer.
(egy időre hanyagolom a topicot vizsgák miatt, később talán még leszek itt)
[Szerkesztve] -
czappa
aktív tag
Hááát újra itt vagyok... Csak egy fél napom ment el az ie6 baromsága miatt.
No a lényeg:
Van egy div-em benne 3 db floatolt div. Két menü meg egy tartalom rész. A tartalom (inner) háttérszíne látszódik a két menü-é nem...
Tudom ez egy ismert ie6 bug, elvben tudom is rá a megoldást, de most nem... Egyébként csak annyi kéne, hogy a tartalmazóban ott a legyen a ''position: relative;'' sor, ez még kéne, hogy oldja a problémát, de semmi.
Néztem guglival, találtam más megoldást is, de nekem nem működött.
Feltöltöm a css és a html file-t:
[link] és
[link]
Ha beírod az URL-t ''http://czappa.fw.hu/2.html'' látható lesz a különbség ie6 és ff2 között. (Ehh fáradt vagyok; a 2. link az ez az URL.)
Előre is köszi.
[Szerkesztve] -
czappa
aktív tag
Höhö, ez mekkora lol.
Eszembe jutott a W3C CSS validátora, ezért leellenőríztem, azt írja, hogy:
''3 #bal_menu Invalid number : background-color grey is not a color value : grey''
Kicsréltem cyan-ra és már látszódik ie-ben...
Végülis egy du. + este alatt rájöttem...
mod.: Az más kérdés, hogy a W3C szerint a cyan sem jó szin, de látszódik ie-ben és ez a lényeg.
megj.: Ezek persze csak próba színek az oldal nem így fog kinézni.
[Szerkesztve] -
czappa
aktív tag
Bocs, hogy itt elbeszélgeték magamban, de találtam vmit amit nem értek.
Úgy tudtam, hogy ie6 rendesen használja a margint, szóval lehet én csinálok valamit rosszul.
az oldal:
[link]
és a css:
[link]
Ha megnézitek az oldalt ff2-vel és ie6-tal, akkor látható, hogy ie6 betesz még egy kis margint a jobb oldalra. (nem vészes, de ott van)
Na mára joccakát, mindjárt holnap.
[Szerkesztve]
[Szerkesztve]
eal;
Új hozzászólás Aktív témák
- EAFC 24
- Lalikiraly: Gigabyte G5 MF notebook bemutató
- Stellar Blade
- Futott egy Geekbench kört egy új HTC készülék
- Politika
- Kerékpárosok, bringások ide!
- Egészen nagy teljesítményspektrumon fedné le a mobil piacot az AMD
- Kamionok, fuvarozás, logisztika topik
- Debian GNU/Linux
- Proxmox VE
- További aktív témák...
