Autor Zpráva
noname
Profil *
Ahoj,

dneska se budu držet pravidla, že jeden obrázek je více než tisíc slov

tady ukázka

http://noname.php5.cz/

a potřebuji radu jak přilepit ten zelený div k tomu červenému sloupci z levé strany, ale aby červený sloupec zůstal pořád na středu..

Děkuji
panther
Profil
noname:
záleží, co s tím chceš udělat, když bude okno menší než je šířka obou dvou elementů (1100px).

Pokud se má skrýt, což předpokládám, můžeš ten zelený:
- centrovat pomocí margin: auto a relativní pozicí ho odtáhnout doleva
- pozicovat absolutně na center top a levým marginem ho odtáhnout doleva

Má-li se chovat jinak, napiš jak.
ShiraNai7
Profil
Uprav CSS takto:
body { width: 100%; background-color: blue; text-align:center; margin: 0;}
.wrapp { width: 1000px; background-color: red; margin: 0 auto 0 auto; position: relative;}
.green { width: 100px; height:100px; background-color: green; position: absolute; left: -100px;}


A v HTML kódu vlož div.green dovnitř div.wrapp. Ve FF jede krásně, jinde jsem netestoval, ale mělo by to být taktéž ok.
noname
Profil *
Vypadá to, že to pojede všude, moc Vám oběma děkuji ;)

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: