Hirdetés
- AMD Ryzen 9 / 7 / 5 / 3 3***(X) "Zen 2" (AM4)
- Intel Core Ultra 3, Core Ultra 5, Ultra 7, Ultra 9 "Arrow Lake" LGA 1851
- Milyen belső merevlemezt vegyek?
- OLED TV topic
- AMD K6-III, és minden ami RETRO - Oldschool tuning
- NVIDIA GeForce RTX 5060 Ti (GB206)
- Milyen notebookot vegyek?
- Hardvervadászat november elején
- Milyen TV-t vegyek?
- Szünetmentes tápegységek (UPS)
Új hozzászólás Aktív témák
-
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] -
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
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
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
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
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
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]
eal;Új hozzászólás Aktív témák
- PlayStation 5
- Apple iPhone 17 Pro Max – fennsík
- Xiaomi 14T - nem baj, hogy nem Pro
- Műholdas AI chippel fedné le a bolygót a Samsung
- Kerékpárosok, bringások ide!
- Építő/felújító topik
- AMD Ryzen 9 / 7 / 5 / 3 3***(X) "Zen 2" (AM4)
- Intel Core Ultra 3, Core Ultra 5, Ultra 7, Ultra 9 "Arrow Lake" LGA 1851
- sh4d0w: Kalózkodás. Kalózkodás?
- Android alkalmazások - szoftver kibeszélő topik
- További aktív témák...
- Gamer PC 10.GenI3/GTX 1660 Super
- Eladó Konfig Ryzen 5 8400F 32GB DDR5 512GB SSD 1TB HDD RX5700XT 8GB!
- Kingston FURY 32GB (2x16GB) KIT DDR4 3600MHz CL16 Renegade Black - Garancia: 2034.10.07 ALZA
- ÚJ Nvidia RTX 2060 super 8GB GDDR6 Ryzen 5 8400F Zen 4 12x4.7Ghz/32GB DDR5/512Gb/1TB M.2 SSD/2ÉV
- ZOTAC GAMING GeForce RTX 5080 AMP Extreme INFINITY ULTRA
- GYÖNYÖRŰ iPhone XR 64GB Blue -1 ÉV GARANCIA - Kártyafüggetlen, MS3117
- GYÖNYÖRŰ iPhone 13 mini 256GB Blue -1 ÉV GARANCIA - Kártyafüggetlen, MS3407
- BESZÁMÍTÁS! Apple Macbook Pro 16" 2019 i7 16GB 500GB 5300M 4GB macbook garanciával hibátlan működés
- Gamer PC-Számítógép! Csere-Beszámítás! I7 12700E / RTX 3060Ti / 32GB DDR4 / 512GB Nvme SSD
- ÁRGARANCIA!Épített KomPhone i5 10400F 16/32/64GB RAM RX 7600 8GB GAMER PC termékbeszámítással
Állásajánlatok
Cég: Promenade Publishing House Kft.
Város: Budapest
Cég: NetGo.hu Kft.
Város: Gödöllő