Autor | Zpráva | ||
---|---|---|---|
ahojakkk Profil * |
#1 · Zasláno: 2. 12. 2007, 10:22:49
No, ano, už je to tu zas. Budu se to snažit popsat co nejkonkrétněji:
mám vytvořené tři absolutní divy. První dva jsou naprosto v pohodě, ale jakmile přidám další (ten třetí), tak odjedou pryč - doprava. Celá stránka se mi tím pádem rozohodí. Ve FF i v Opeře vše jede, tak jak má :( http://www.nokiamania.cz/delete/NMWave.html Předem moc díky... <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta content="text/html; charset=windows-1250" http-equiv="content-type"> <title></title> <link rel="stylesheet" href="./layout.css"> </head> <body> <div class="header"> <div class="banner-leaderbanner-cover"><div class="banner-leaderbanner"></div></div> <div class="logo"><img src="./imgs/logo.gif"></div> <div class="banner-fullbanner">kde je teď?</div> <div class="wave-left"></div> <div class="wave"><div class="wave-right-ie"></div></div> <div class="wave-right"></div> </div> <div class="content"></div> <div class="footer"></div> </body> </html> /* bude tu nejaky meno */ body { margin: 0; padding: 0; } .header { width: 100%; height: 240px; } .wave { width: 400px; height: 240px; position: relative; left: -200px; background: url('./imgs/wave.jpg') no-repeat scroll white center top; float: left; z-index: 1; } .wave-left { width: 50%; height: 240px; float: left; background: url('./imgs/wave_left.jpg') repeat-x scroll white left top; } .wave-right-ie { _position: absolute; _width: 203px; _left: 400px; _height: 240px; _background: url('./imgs/wave_right.jpg') repeat-x scroll white right top; } .wave-right { height: 240px; background: url('./imgs/wave_right.jpg') repeat-x scroll white right top; } .logo { position: absolute; margin: 120px 0 0 80px; height: 74px; width: 380px; z-index: 1; } .banner-leaderbanner-cover { position: absolute; height: 90px; width: 100%; _text-align: center; z-index: 2; } .banner-leaderbanner { position: relative; margin: 5 auto 0 auto; height: 90px; width: 728px; background-color: black; } .banner-fullbanner { position: absolute; right: 5px; top: 160px; height: 60px; width: 468px; background-color: black; } |
||
Manq Profil |
#2 · Zasláno: 2. 12. 2007, 10:40:15
|
||
ahojakkk Profil * |
#3 · Zasláno: 2. 12. 2007, 12:25:32
moc děkuju za cenou radu :-/ připadá mi, že na tomto fóru jsou lidé, kteří umí poradit, ale nedělají to. To že na to jdu špatně je sice pěkný, ale budu to řešit, až mi někdo napíše, jak na to jít líp. Těď řeším, proč se mi to rozsype...
|
||
Kentaur Profil |
#4 · Zasláno: 2. 12. 2007, 12:43:01
|
||
Bubák Profil |
#5 · Zasláno: 2. 12. 2007, 13:08:02 · Upravil/a: Bubák
ahojakkk
V podstatě jsi dostal radu, že jdeš na to tak špatně, že je vhodné začít znova, sesednout z mrtvého koně. http://management.blog.cz/0510/syndrom-mrtveho-kone |
||
Manq Profil |
#6 · Zasláno: 2. 12. 2007, 13:38:50
Bubák
Kentaurovi? :o) |
||
Bubák Profil |
#7 · Zasláno: 2. 12. 2007, 14:22:43
Manq
Uklep jsem se. Už jsem to opravil. |
||
ahojakkk Profil * |
#8 · Zasláno: 2. 12. 2007, 14:40:04
už jsem to vyřešil.
Ovšem ty články neřeší můj problém, ty řeší CSS obecně. A jsou mi na nic. Kdyby to někoho zajímalo: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta content="text/html; charset=windows-1250" http-equiv="content-type"> <title></title> <link rel="stylesheet" href="./layout.css"> </head> <body> <div class="banner-leaderbanner-cover"><div class="banner-leaderbanner">banner</div></div> <div class="logo"><img src="./imgs/logo.gif"></div> <div class="banner-fullbanner">banner</div> <div class="header"> <div class="wave-left"></div> <div class="wave"><div class="wave-right-ie"></div></div> <div class="wave-right"></div> </div> <div class="content"></div> <div class="footer"></div> </body> </html> /* bude tu nejaky meno */ body { margin: 0; padding: 0; } .header { width: 100%; height: 240px; } .logo { position: absolute; margin: 120px 0 0 80px; height: 74px; width: 380px; z-index: 2; } .banner-leaderbanner-cover { position: absolute; width: 100%; _text-align: center; z-index: 2; backgrond-color: red; } .banner-leaderbanner { position: relative; margin: 5 auto 0 auto; height: 90px; width: 728px; background-color: black; } .banner-fullbanner { position: absolute; right: 5px; top: 160px; height: 60px; width: 468px; background-color: black; z-index: 2; } .wave { width: 400px; height: 240px; position: relative; left: -200px; background: url('./imgs/wave.jpg') no-repeat scroll white center top; float: left; z-index: 1; } .wave-left { width: 50%; height: 240px; float: left; background: url('./imgs/wave_left.jpg') repeat-x scroll white left top; } .wave-right-ie { _position: absolute; _width: 203px; _left: 400px; _height: 240px; _background: url('./imgs/wave_right.jpg') repeat-x scroll white right top; } .wave-right { height: 240px; background: url('./imgs/wave_right.jpg') repeat-x scroll white right top; } |
||
Časová prodleva: 16 let
|
0