Igazából nem értem a problémádat. Ahhoz hogy a container id-val rendelkező div körülülelje a többit, rakd bele őket a container-be:
<div id=''container''>
ide jön a többi div...
</div>
Nézd meg ezeket, hátha segít: [link] [link]
Ha ezek után sem megy, akkor rajzold le mondjuk paintbe, hogy hogy legyenek a div-ek, és linkeld be ide. Úgy sokkal könnyebb segíteni
[Szerkesztve]
Gyorskeresés
Legfrissebb anyagok
- Bemutató Route 66 Chicagotól Los Angelesig 2. rész
- Helyszíni riport Alfa Giulia Q-val a Balaton Park Circiut-en
- Bemutató A használt VGA piac kincsei - Július I
- Bemutató Bakancslista: Route 66 Chicagotól Los Angelesig
- Tudástár AMD Radeon undervolt/overclock
Általános témák
LOGOUT.hu témák
- [Re:] [D1Rect:] Nagy "hülyétkapokazapróktól" topik
- [Re:] [Luck Dragon:] Asszociációs játék. :)
- [Re:] [sh4d0w:] Rebel Moon - Ne nézd meg!
- [Re:] [gban:] Ingyen kellene, de tegnapra
- [Re:] [sziku69:] Fűzzük össze a szavakat :)
- [Re:] [Luck Dragon:] MárkaLánc
- [Re:] PLEX: multimédia az egész lakásban
- [Re:] Elektromos rásegítésű kerékpárok
- [Re:] [callmeakos:] A bukott koncepció, amiért háromszor is fizettem.
- [Re:] [Argos:] MuzsikAI
Szakmai témák
PROHARDVER! témák
Mobilarena témák
IT café témák
Hozzászólások
vancha2
aktív tag
vancha2
aktív tag
Be tudnád linkelni az oldalt, vagy legalább egy képet mutass róla, mert így elég nehéz segíteni...
dokar
addikt
csinálgatom szépen az oldalt xhtml strict-ben szép kis css-el, w3c valid is ok, azért kíváncsiságból ránéztem, hogy IE7-ben hogy mutat: hát egy rakás gané. nem igaz, hogy ez a trágya bugxplorer nem kezeli normálisan a css-t.
FF-ben, Opera-ban nincs semmi gáz.
extra - SEXRay
vancha2
aktív tag
Hát igen, weboldal készítés közben nem csak a Firefoxban, hanem IE-ben is rendszeresen meg kell nézni, az eredményt. Így már a fejlesztés alatt rögtön észrevesszük a hibákat, és egyszerűbb rájönni a megoldásra, mint egy kész oldal esetében.
dokar
addikt
nincs készen, csak sokat haladtam előre. újra nekifekszem a css-nek az elejéről és próbálok mindent a lehető legegyszerűbbre hozni.
nincs vhol egy olyan összeállítás, hogy melyekre kell odafigyelni a css-ben, amit az ie nem kezel le?
extra - SEXRay
Tippcsi10
tag
hy
itt van pár IE bug és a megoldása is:[link]
dokar
addikt
kösz, nagyon hasznosak
extra - SEXRay
Kuvik
tag
Sziasztok!
nekem a köv problémám van ezzel az oldallal kapcsolatban:
tt a style.css [link]
a szolgáltatások szövegdobozt kéne lejjebb pozicionálni a felső menü div-idhoz képest..
a style.css-ben a .box-nál ezzel probálkoztam: (jelenleg nincs benne a style.css-ben)
margin-top: 10px;
explorerben teljesen jó, csak firefoxban az egész contentet leonyomja 10pixellel és így van egy üres csík az oldalban...
plussz még szeretnek egy-egy dobozt berakni a "szolgáltatásaink" jobb, ill bal oldalára a contenten belül...
Az nagyon zsír lenne ha valaki ezt egyből leírná css-ül, hogy lehet
A segítséget előre is köszi, zoli.
Kuvik
tag
Vazze annyi nagy koponya van itt, egy már igazán ide tévedhetne!
UP!
vancha2
aktív tag
Először is: ezt a kódot te írtad, vagy egy program? Ha egy program akkor azt sürgösen dobd ki!
A kódban nagyon sok hiba van:
Az alap tag-jeid így néznek ki:
<html>
<head>
</head>
<body>
<body>
</body>
</html>
</body>
</html>
Az egész kódban, csak egyszer szerepelhet a html, a head, és a body tag! (+ a lezárásuk) Ezzel szemben te a </html>-el lezárod a kódot, de utána folytatod a div-ekkel. Hogy is van ez az xhtml DTD? A validator kapásból 21 hibát talált. Először ezeket javítsd ki.
Próbáld meg, hogy nem a .box-nak adsz egy
margin-top: 10px;
, hanem a #content-nek adsz egy
padding-top: 10px;
-et.
Ja egyébként céges weblapot én nem raknék az Ultraweb-re (elég kiábrándító az a reklámcsík). Használd inkább az extra.hu-t, ha ingyenes szolgáltatónál maradsz.
DeltaPower
őstag
sztem ez összeollózott kód lesz...
Kuvik: ha már mindenképp több böngészőre akarsz fejleszteni, kezdd a firefox-szal vagy mozillával, mert egyelőre azok követik legjobban a szabványokat. aztán amit az IE nem szeret benne, az meg lehet csinálni utána is.
float: center --> ilyen nem létezik, floatnak 3 értéke lehet, left, right vagy none;
ja, és a div-eket illik ám lezárni
vancha2: uw-ra egyszerű framekillert csinálni
"Moonshine Whiskey (70°, ízesítés nélküli) van. Fincsi" - Teebee - "De az kiírtaná az egész családomat..Akkor is ha csak én innék belőle.." - forintuser
alitak
senior tag
Hogyan tudom megoldani css-ben ezt: hogy van egy oldal, ami középre van igazítva. Van egy head, ami egész szélességű (1000px), alatta van egy main, ami 800px és mellé kéne betenni egy 200px szélességű boxot.
Nec arte, nec marte | használt hardverek jó áron: http://goo.gl/lUwLkw
alitak
senior tag
storno.
Megoldva
Nec arte, nec marte | használt hardverek jó áron: http://goo.gl/lUwLkw
xlalix
tag
kezdő css vagyok
ez a stiluslap:
#lap{width:800px;
margin:10px auto 10px auto;}
#fent, #kozep, #also{margin:0 0 0 0;}
#fejlec{height:43px;}
#balsav{float:left;
width:235px;}
#jobbsav{float:left;
width:126px;}
#kozepsav{float:left;
width:439px;}
#also{clear:both;}
#fejlec{background-image:url(fent.gif);
text-align:center;
padding:10px 0 10 px 0;
height:43;}
#lent{background-image:url(lent.gif);
text-align:center;
padding:10px 0 10 px 0;
height:88;}
#balsav{background-image:url(ballemez.gif);
height:280;
padding:10px 0 10 px 0;
}
#jobbsav{background-image:url(jobblemez.gif);
width:126;
height:280;
padding:10px 0 10 px 0;
}
#kozepsav{background-image:url(kozep.gif);
width:439;
height:280;
padding:10px 0 10 px 0;
}
ez pedig az oldal:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
<meta http-equiv="Content-Language" content="hu" />
<link type="text/css" rel="stylesheet" href="style.css"/>
</head>
<body>
<div id="lap">
<div id="fent">
<div id="fejlec">
</div>
</div>
<div id="kozep">
<div id="balsav">
</div>
<div id="kozepsav">
</div>
<div id="jobbsav">
</div>
</div>
<div id="also">
<div id="lent">
</div>
</div>
</div>
</body>
</html>
Miért csak a felső "fejlecet" jeleníti meg?
xlalix
tag
láma voltam a html-ben raktam minden div-be egy -t.....
ettől még ugye valid az oldal?megint láma vok..de hát ha nem tom...
DeltaPower
őstag
#balsav, #jobbsav, #kozepsav esetében
height:280;
helyett
height:280px;
írj.
(mod) mértékegységet mindenhol ki kell írni (px % em), ahol nem nulla, csak simán a számot nem eszi meg. nézd át az egészet, több helyen is hiányzik.
nbsp miatt nem nagyon sírnak a validálók.
[ Szerkesztve ]
"Moonshine Whiskey (70°, ízesítés nélküli) van. Fincsi" - Teebee - "De az kiírtaná az egész családomat..Akkor is ha csak én innék belőle.." - forintuser
xlalix
tag
köszi erre is rájöttem kb másfél óra utánmikor rájöttem h ezt hibáztam el az agyam eldurrant...De jó kis dolog ez a css
DeltaPower
őstag
addig jó amíg kicsi, és csak 1 böngészőre csinálod...
"Moonshine Whiskey (70°, ízesítés nélküli) van. Fincsi" - Teebee - "De az kiírtaná az egész családomat..Akkor is ha csak én innék belőle.." - forintuser
rosseb
csendes tag
sziasztok. nekem az a problémám, hogy van egyetlen oldal (http://addict.blog.hu/), ahol a képeket nem jeleníti meg a böngészőm, ami firefox (aktuális verzió). ha lementeném, akkor egy 1x1-es gif képet kapok, semmi mást. értetlenül állok a dolog előtt.
Winner_hun
félisten
Én is firefoxxal vagyok, aktuális verzióval, nálam megjelennek a képek. CTRL+F5 nem segít?
► "Kicsit olyan webcaritas" ◄ ヅ
rosseb
csendes tag
sajnos nem.
Winner_hun
félisten
Milyen kiterjesztések vannak feltelepítve? Lehet, hogy itt gyorsabban kapsz választ a kérdésedre
► "Kicsit olyan webcaritas" ◄ ヅ
enmarnemtom
csendes tag
hali, csinálok egy kissé összetettebb oldalt, amit gondoltam, hogy css-sel tök jó lesz. IE-ben nincs is semmi gond, de firefoxban szétzuhan az egész...Elég amatőr vagyok, lehet teljesen rossz úton járok, de végülis ie-ben frankó, mit csináljak, hogy firefoxban is ugyanúgy nézzen ki???!!! Már egy csomó oldalt végignéztem, de nem találom az igazi választ, légyszi segítsetek, mert már megbolondít......!!!!!!!!!
Az oldal: [link]
És a css: (bocs, kicsit hosszú...)
@charset "utf-8";
body { background-image: url(images/bgr.jpg); }
img{ border: 0px none; }
}
div#test
{
background-image: url(images/markaz_29.jpg);
margin-left: auto; margin-right: auto;
width: 853px;
margin-top: 14px;
position: relative;
}
div.clearer {
clear: left;
line-height: 0;
height: 0;
}
img.fej1 { margin-top: -38px; margin-left: 25px; position: absolute;}
img.fej2 { margin-top: -38px; margin-left: 171px; position: absolute;}
img.fej3 { margin-top: -38px; margin-left: 318px; position: absolute;}
img.latniv { margin-top: 52px; margin-left: 25px; position: absolute;}
img.latniv0 { margin-top: 52px; margin-left: 171px; position: absolute;}
img.izek0 { margin-top: 154px; margin-left: 25px; position: absolute;}
img.izek { margin-top: 154px; margin-left: 171px; position: absolute;}
img.bor { margin-top: 250px; margin-left: 25px; position: absolute;}
img.bor0 { margin-top: 250px; margin-left: 171px; position: absolute;}
img.rendezv0 { margin-top: 342px; margin-left: 25px; position: absolute;}
img.rendezv { margin-top: 342px; margin-left: 171px; position: absolute;}
img.sport { margin-top: 445px; margin-left: 25px; position: absolute;}
img.sport0 { margin-top: 445px; margin-left: 171px; position: absolute;}
img.tura0 { margin-top: 540px; margin-left: 25px; position: absolute;}
img.tura { margin-top: 540px; margin-left: 171px; position: absolute;}
img.szallas { margin-top: 642px; margin-left: 25px; position: absolute;}
img.szallas0 { margin-top: 642px; margin-left: 171px; position: absolute;}
img.fejlec1 { margin-top: 49px; margin-left: 318px; position: absolute;}
img.fejlec2 { margin-top: 100px; margin-left: 318px; position: absolute;}
div#felsomenu
{ width: 460px;
margin-left: 330px; margin-top: -816px;
position: relative;
color: #000000;
font-weight: bold;
font-family: arial;
font-size: 12px; }
div#szoveg
{ width: 460px;
position: relative;
margin-left: 340px; margin-top: 51px;
font-family: verdana;
color: #030303;
font-size: 13px;
line-height: 1.2 }
div#lablec
{ width: 460px;
margin-top: 50px;
margin-left: 0px;
height: 300 px;
margin-bottom: 20px;
background-color: #00ff00;
position: relative; }
div#alja
{ background-image: url(images/alja.jpg);
margin-left: auto; margin-right: auto; margin-top: -20px;
width: 853px; height: 60px;
}
div#tamogatok
{ margin-top: 770px;
margin-left: 40px;
width: 270px;
background-color: #ff0000;
position: relative; }
div#jog
{ width: 270px;
margin-top: -70px;
margin-left: -300px;
height: 500 px;
margin-bottom: 20px;
background-color: #ff0000;
position: relative;}
Örök hálám a megoldónak!!!
(#424) Winner_hun válasza enmarnemtom (#423) üzenetére
Winner_hun
félisten
A @charset elé ezt hiányzik:
@-moz-document domain('markaz.extra.hu') {
► "Kicsit olyan webcaritas" ◄ ヅ
(#425) enmarnemtom válasza Winner_hun (#424) üzenetére
enmarnemtom
csendes tag
Köszi, beteszem, de mi is ez?
és mi segít a bajomon??
(#426) Winner_hun válasza enmarnemtom (#425) üzenetére
Winner_hun
félisten
Így hogy kérdezed lehet nem is ez a baja, ez azt adja meg hogy melyik oldalhoz tartozik a css tartalma (neten lehet máshogy működik a dolog, mivel ott a css gondolom az adott könyvtárban van. Ha azt betettem a gépen a css elé akkor középre tette, viszont van benne hiba, hogy mennyi azt nem tudom. Firefoxhoz tedd fel a stylish kiterjesztést, azzal lehet css-t gyorsan próbálgatni.
► "Kicsit olyan webcaritas" ◄ ヅ
(#427) enmarnemtom válasza enmarnemtom (#425) üzenetére
enmarnemtom
csendes tag
Jelentem megoldódott a problémám, az infót sajnos máshol kaptam, de itt is megosztom: az absolute-relative igazítások helyett float: left-et alkalmaztam, de magyarázat helyett nézzétek meg ennek az oldalnak a css-ét. Ez firefoxban is szinte ugyanaz mint ie-ben.
[link]
bubu18
csendes tag
Remélem azért viszonylag jó helyre írom...
"CSS Filter"eket (->[link]) csak IE jeleníti meg, Mozilla Firefox nem...
Valahogy meg lehet oldani, hogy az utóbbi böngészővel is láthatóak legyenek?
Köszi!
DeltaPower
őstag
ez a filter a májkroszoft okossága (ehelyett inkább normális boxmodellt is csinálhattak volna...), sajna firefox alatt nem mennek, bár 1-2-nek (pl. opacity) van mozillás megfelelője is (CSS-ben -moz-opacity)
"Moonshine Whiskey (70°, ízesítés nélküli) van. Fincsi" - Teebee - "De az kiírtaná az egész családomat..Akkor is ha csak én innék belőle.." - forintuser
Louloudaki
aktív tag
kellene nekem átlátszó háttér divnek, ami minden böngészőben jó. a background-color: transparent konkrétan semmiben sem megy, edig neten ezt találtam példának.
az opacity meg a -moz-opacity a szöveget is átlátszóvá teszi, ami benne van a divben.
[ Szerkesztve ]
(#431) Louloudaki válasza Louloudaki (#430) üzenetére
Louloudaki
aktív tag
a francnak kell a cache-nek beragadnia. mégis jó a transparent...
T-Nagyon
tag
Sziasztok!
Némi problémám akadt egy fejléc elhelyezésével... Nem akar teljesen a böngésző széléhez "odasimulni". Az oldalt itt meg lehet tekinteni: [az oldal]
A CSS pedig innen letölthető: [a css]
Várom ötleteiteket!
Fotóim: http://flickr.com/skublics_gergely
Louloudaki
aktív tag
body {margin: 0px; padding: 0px;} és minden használt elemet szintén nullázz le így, és adj nekik akkora értéket, amekkorára szükséged van. a böngészők alapból beraknak minden elemnek némi paddinget meg margint, ha nem nullázod le, vagy nem adsz értéket nekik.
[ Szerkesztve ]
dany27
őstag
Hi
Egy olyan emberkét keresek aki tudna nekem készíteni egy designet css-ben a trackeremhez! Jelentkezni lehet: MSN: kovacs_daniel@windowslive.com
[ Szerkesztve ]
Louloudaki
aktív tag
van egy 600 széles divem, overflow: auto;-val, ha belerakok jó nagy képet, (csak) ie6 nem teszi bele a scrollokat, hanem kitágítja a divet akkorára mint a kép. megoldás mi lehet?
(#436) fordfairlane válasza Louloudaki (#435) üzenetére
fordfairlane
veterán
Az ie6 a width-et min-width-ként értelmezi. Ha azt akarod, hogy a doboz mindig 600px széles maradjon, akkor overflow: hidden, vagy overflow: scroll-t kell használni.
Mod: Most nézem, hogy nekem az auto is jól működik.
[ Szerkesztve ]
x gon' give it to ya
(#437) Louloudaki válasza fordfairlane (#436) üzenetére
Louloudaki
aktív tag
ha scroll, akkor mindig látszik a scrollbar, ha nem lóg ki a tartalom, akkor is. ebbe a divbe megy nem túllógós tartalom is, aktuális menüponttól függően.
viszont scrollal is átméreteződik a középső divem a kép méretére, és úgy teszi ki az inaktív scrollbarokat.
hidden meg nem jó, mindenképpen kell görgetni a túllógó részt, mert térkép kerül oda.
megsasolod? vagy valaki... [link]
[ Szerkesztve ]
(#438) fordfairlane válasza Louloudaki (#437) üzenetére
fordfairlane
veterán
Megnéztem a forrását, és első körben azt ajánlom kipróbálásra, hogy az overflow property-t annál a div blokknál használd, ahol definiálod az oldal szélességét.
x gon' give it to ya
(#439) Louloudaki válasza fordfairlane (#438) üzenetére
Louloudaki
aktív tag
köszi!
ahol az oldal szélességét adom meg, tehát legkülső div, akkor a láblécet is berakta a scrollozandó területbe.
végigjátszottam kívülről befelé, a divet tartalmazó "szülő" divnek kellett beállítani végül. de mér hülye ez ennyire?
[ Szerkesztve ]
(#440) fordfairlane válasza Louloudaki (#439) üzenetére
fordfairlane
veterán
Ja hogy ez a kívánt állapot? Akkor oké, bár nekem nem egészen így viselkedik. Ha leegyszerűsítem a problémát, akkor ez nem működik ie6-ban:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title></title>
<style type="text/css">
div#middle {
width: 300px;
}
div#content {
overflow: auto;
}
</style>
</head>
<body>
<div id="middle">
<div id="content">
<img src="teszt.jpg" width="1000" alt="" border="0" />
</div>
</div>
</body>
</html>
Ez viszont jó:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title></title>
<style type="text/css">
div#middle {
width: 300px;
overflow: auto;
}
div#content {
}
</style>
</head>
<body>
<div id="middle">
<div id="content">
<img src="teszt.jpg" width="1000" alt="" border="0" />
</div>
</div>
</body>
</html>
x gon' give it to ya
(#441) Louloudaki válasza fordfairlane (#440) üzenetére
Louloudaki
aktív tag
az a kívánt állpot, ami most van, már kijavítottam a tárhelyen is.
tildy
nagyúr
Van egy divem, ami ff-ben, és IE-ben scrollozható függőleges irányban .
Operában viszont széttolja a divet a tartalom méretére.
Van rá ötletetek hogy lehet megoldani?
"Tartsd magad távol azoktól, akik le akarják törni az ambíciódat! A "kis" emberek mindig ezt teszik, de a nagyok éreztetik veled, hogy te is naggyá válhatsz" - Mark Twain
tildy
nagyúr
oveflow: auto még kellett bele Így jó.
"Tartsd magad távol azoktól, akik le akarják törni az ambíciódat! A "kis" emberek mindig ezt teszik, de a nagyok éreztetik veled, hogy te is naggyá válhatsz" - Mark Twain
T-Nagyon
tag
Sziasztok!
Újabb gond merült fel. Két oszlopos oldalról beszélünk. A baloldalo oszlopban van a menü és alatta egy háttér amit sokszorosítani szeretnék (lefelé) egészen addig, ameddig a jobboldali oszlopban található tartalom tart. A gond ott van, hogy a div-nek, amibe kerülne ismétlendő háttér, nem tudom megmondani, hogy az oldal aljáig tartson...
Segítsetek!
Fotóim: http://flickr.com/skublics_gergely
mm00
aktív tag
<div style="clear:left; float:left; width:400px;background-image:url('bgdesert.jpg');background-repeat: repeat-y;">
<div style="clear:left; float:left; width:100px;">
Ez a menu
</div>
<div style="clear:left; float:left; width:300px;">
ez itt a nagyon sok szöveget tartalmazó div...............
</div>
</div>
T-Nagyon
tag
Bocs, de nem erre gondoltam!
oszlop 1 oszlop 2
Menü div Tartalom div
hátteres div
-----------------------------------------------------------------
A hátteres div-nek kéne addig tartani, ameddig a tartalom div tart...
[ Szerkesztve ]
Fotóim: http://flickr.com/skublics_gergely
mm00
aktív tag
egyszerubb lenne belinkelnéd az oldalt!
DeltaPower
őstag
érdekes, én is ugyanazt a megoldást javasoltam volna mint te, az alapján amit írt.
"Moonshine Whiskey (70°, ízesítés nélküli) van. Fincsi" - Teebee - "De az kiírtaná az egész családomat..Akkor is ha csak én innék belőle.." - forintuser
obidaya
csendes tag
Sziasztok!
Itt egy igazi kihívás
egy olyan onmoust szeretnék css-sel megoldani, mint a linkeknél van, azaz ha a link fölé viszem az egeret, akkor jelenjen meg az a fránya háttér:
segítsééééééég!!
[ Szerkesztve ]
DeltaPower
őstag
beleteszed a tartalmat egy div-be vagy td-be, és onmouseover-nél (ill onmouseout-nál) javascriptből állítod a stílusát, ahogy az általad linkelt példa forrásában is szerepel.
"Moonshine Whiskey (70°, ízesítés nélküli) van. Fincsi" - Teebee - "De az kiírtaná az egész családomat..Akkor is ha csak én innék belőle.." - forintuser