Avaleht
uus teema   vasta Tarkvara »  WWW »  küsimus elemendi paiguse kohta märgi kõik teemad loetuks
märgi mitteloetuks
vaata eelmist teemat :: vaata järgmist teemat
Hinnavaatlus :: Foorum :: Uudised :: Ärifoorumid :: HV F1 ennustusvõistlus :: Pangalink :: Telekavad :: HV toote otsing
autor
sõnum Saada viide sõbrale.  :: Teata moderaatorile teata moderaatorile
otsing:  
aer0x
HV kasutaja
aer0x

liitunud: 11.11.2005
sõnum 16.02.2013 20:20:27 küsimus elemendi paiguse kohta vasta tsitaadiga
Tegemist on lehega
martin.johvimk.ee/html.html

Miks on nii et tekst "siia tuleb kõik värk" ei ole osade browseritega lehe üleval vaid valge riba all? Safaris ja IE8 näitab näiteks õigesti üleval aga firefox näitab allpool valget kasti.

See div milles see tekst on on margin-top: -175px; abil tõstetud üles. Seda sellepärast et head1 ja head2 pikeneks kuni lõpuni alati iga ekraaniga.

edit: pm on tegu sellise koodiga
css:
  1. div {position: relative;}
  2. #header { width: 100%; height: 150px; background-color: pink}
  3.     #head1 {float: left; width: 49%; background-color: red; height: 150px;}
  4.     #head2 {float: right; width: 49%; background-color: black; height: 150px;}
  5. #clear {clear:both;}
  6. #header-content {width: 950px; height: 150px; margin: 0 auto; background-color: blue; margin-top: -150px;}

html:
  1.     <div id="header">
  2.         <div id="head1"></div>
  3.         <div id="head2"></div>
  4.     </div>
  5.     <div id="clear"></div>
  6.     <div id="header-content"    >
  7.         <p>MINGI SUVALINE TEKST</p>
  8.     </div>

_________________
O_o
Kommentaarid: 18 loe/lisa Kasutajad arvavad:  :: 0 :: 0 :: 16
tagasi üles
vaata kasutaja infot saada privaatsõnum
andrusny
Kreisi kasutaja
andrusny

liitunud: 20.03.2006
sõnum 16.02.2013 20:25:17 vasta tsitaadiga
Nulli paddingud ja marginid ära ennem, need on browseritel default erinevad css k]ige ette.

*{padding:0px;margin:0px;}

_________________
Kommentaarid: 7 loe/lisa Kasutajad arvavad:  :: 0 :: 0 :: 7
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
Lordlesta
Kreisi kasutaja

liitunud: 05.07.2005



Autoriseeritud ID-kaardiga
sõnum 17.02.2013 05:43:31 vasta tsitaadiga
css:
  1. #head3 {
  2.     position: absolute;
  3.     top: 0;
  4.     left: 50%;
  5.     background-color: #32BCC6;
  6.     width: 958px;
  7.     margin-left: -479px;
  8.     z-index: 3;
  9. }
Kommentaarid: 31 loe/lisa Kasutajad arvavad:  :: 2 :: 0 :: 27
tagasi üles
vaata kasutaja infot saada privaatsõnum
Renka
HV Guru
Renka

liitunud: 01.04.2002
sõnum 17.02.2013 17:41:02 vasta tsitaadiga
aer0x, esiteks selle pärast: http://validator.nu/?doc=http%3A%2F%2Fmartin.johvimk.ee%2Fhtml.html

Kui sealsed vead on korras siis võib edasi vaadata.

Nagu näed siis tänu vigadele kasutab IE quirks mode't lehe renderdamisel. See on juba päris suur vahe.

Muu kood küll valideerub ilusasti thumbs_up.gif Aga see üks asi juba muudab IEs asja peapeale.
_________________
There is no place like 127.0.0.1
Kommentaarid: 71 loe/lisa Kasutajad arvavad:  :: 2 :: 1 :: 61
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
kuunar
Kreisi kasutaja

liitunud: 20.02.2009



Autoriseeritud ID-kaardiga
sõnum 17.02.2013 19:07:40 vasta tsitaadiga
või tšekkida korra see sticky footeri kood üle, sest all tekib täpselt sama jama.
Kommentaarid: 14 loe/lisa Kasutajad arvavad:  :: 0 :: 0 :: 13
tagasi üles
vaata kasutaja infot saada privaatsõnum
aer0x
HV kasutaja
aer0x

liitunud: 11.11.2005
sõnum 20.02.2013 17:19:43 vasta tsitaadiga
Tänud! Sain korda selle!
_________________
O_o
Kommentaarid: 18 loe/lisa Kasutajad arvavad:  :: 0 :: 0 :: 16
tagasi üles
vaata kasutaja infot saada privaatsõnum
näita postitusi alates eelmisest:   
uus teema   vasta Tarkvara »  WWW »  küsimus elemendi paiguse kohta
[vaata eelmist teemat] [vaata järgmist teemat]
 lisa lemmikuks
näita foorumit:  
 ignoreeri teemat 
sa ei või postitada uusi teemasid siia foorumisse
sa ei või vastata selle foorumi teemadele
sa ei või muuta oma postitusi selles foorumis
sa ei või kustutada oma postitusi selles foorumis
sa ei või vastata küsitlustele selles foorumis
sa ei saa lisada manuseid selles foorumis
sa võid manuseid alla laadida selles foorumis



Hinnavaatlus ei vastuta foorumis tehtud postituste eest.