(Reszponzív oldal) Miért nem megy a két hasáb egymás alá? (HTML kód mellékelve. )
Beállítottam, hogy 800px alatt a betű színe is megváltozzon. Az meg is változik, de a hasábok nem mennek egymás alá. Nem jövök rá, hogy miért.
17L
_________________________________________
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " [link]
<html xmlns=" [link]
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta id="viewport-tag" name="viewport" content="width=device-width, initial-scale=1" />
<title>Untitled Document</title>
<style type="text/css">
#container {
width: 900px;
margin-right: auto;
margin-left: auto;
}
#bal {
width: 300px;
float: left;
background-color: blue;
}
#jobb {
width: 600px;
float: left;
background-color: yellow;
}
@media only screen and (max-width : 800px) {
html {color: red}
container { width: 600px}
bal { width: 200px}
jobb { width: 600px}
}
</style>
</head>
<body>
<div id="container">
<div id="bal">Content for id "bal" Goes Here</div>
<div id="jobb">
<p>Content for id "jobb" Goes Heremmmmm</p>
<p>mmmmmmmmmmmmmm</p>
<p>mmmmmmmmmmmmmmmm nnnnnnnnnnnnmmm</p>
<p>mmmmm</p>
</div>
</div>
</body>
</html>
válasza:Addig érdekelt, amíg oda nem írtad, hogy "17L".
Hogyan kapcsolódik ez a kérdéshez?
válasza:MediaQuery -be nem ID -ként hanem TAG név ként hivatkoztál a container, bal, jobb -ra.
válasza:1. Ezt az xhtml DOCTYPE-ot honnan vetted? Ezt felejtsd el, szerintem te sem xhtml-ben akarsz dolgozni, hanem html5-ben, úgyhogy simán csak ennyi kell:
<!DOCTYPE html>
<html>
.
.
.
</html>
2.
container { width: 600px}
bal { width: 200px}
jobb { width: 600px}
|
-> Innen hiányoznak a rácsos linzerek (#) azér nem megy.
Nagyon köszönöm a segítséget! Tényleg a linzer hiányzott!
Kedves #1, azért írtam oda, hogy 17L, mert így talán mindenki nagyobb türelemmel áll a kérdésemhez és a buta hibáimhoz. Csak másabb lenne, ha egy 30 éves programozó vétette volna ezt az alapvető hibát.
válasza:Ez lehet, hogy alapvető hiba, de hidd el, hogy még a 30 éves, 10 év tapasztalattal rendelkező programozó is elköveti néha. Sőt, ilyenkor szokott az történni, hogy hússzor átnézed a kódot és nem jössz rá, mi a gond, de megmutatod valakinek, aki rögtön kiszúrja.
Ha 17 évesen lányként már ilyenekkel dolgozol és nem wysiwyg editorokkal, akkor az átlagosnál intelligensebb vagy és szép karrier várhat rád. Csak így tovább!
válasza:#8
Nah ez szexista volt. Főleg informatikai körökben nem illik ilyet csinálni.
Alapjáraton 90%-s hím uralom van, tehát ne riaszd el a nőket!
válasza:Kapcsolódó kérdések:
Minden jog fenntartva © 2024, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!