Hirdetés
- GoodSpeed: A RAM-válság és annak lehetséges hatásai
- GoodSpeed: Márkaváltás sok-sok év után
- sziku69: Fűzzük össze a szavakat :)
- potyautas: A Magyar Néphadsereg emlékére
- Luck Dragon: Asszociációs játék. :)
- gban: Ingyen kellene, de tegnapra
- sziku69: Szólánc.
- bb0t: Ikea PAX gardrób és a pokol logisztikája
- Sub-ZeRo: Euro Truck Simulator 2 & American Truck Simulator 1 (esetleg 2 majd, ha lesz) :)
- ldave: New Game Blitz - 2025
Ú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
- Samsung Galaxy S22 Ultra 12/256GB Phantom Black, fóliás új állapot, Regalaxy
- Keressek intel i7-i9!!
- Szép! Lenovo Thinkpad T14s G2 Üzleti "Golyóálló" Laptop 14" -50% i7-1185G7 4Mag 16GB/1TB FHD IPS
- Szép! Lenovo Thinkpad T14s G2 Üzleti "Golyóálló" Laptop 14" -50% i7-1185G7 4Mag 16GB/512GB FHD IPS
- Dell PowerEdge T110 II PC, Xeon E3-1220 v2 CPU, 32 GB DDR3 RAM, 2 x 1 TB SAS HDD
- Xiaomi Redmi Note 13 512GB, Kártyafüggetlen, 1 Év Garanciával
- Creality Nebula Camera
- 0% THM 4 havi részlet beszámítás! RX 9060 XT / 9070 / 9070 XT videokártyák készletről KAMATMENTESEN
- REFURBISHED és ÚJ - Lenovo ThinkPad 40AY Universal USB-C Dock
- GYÖNYÖRŰ iPhone 13 Pro 128GB Graphite -1 ÉV GARANCIA - Kártyafüggetlen, MS3962, 100% Akkumulátor
Állásajánlatok
Cég: ATW Internet Kft.
Város: Budapest
Cég: BroadBit Hungary Kft.
Város: Budakeszi