» »

Pomoč pri pozicioniranju

Pomoč pri pozicioniranju

jnzavrl ::

Ok situacija je takšna. Imam tale del strani. Prva dva div-a mi prikazuje pravilno v vseh browserjih, nav mi pa seveda IE vrže na vrh strani, medtem ko FF in Chrome postavi pravilno. nav mi postavo na vrh strani na levi rob s razmakom 10px od obeh robov. Biti pa mora na sredini in malo nad prvima dvema divoma.
Doctype je dober, sem poskusil na XHTML isto. Dal sem vsakemu elementu še posebej position:absolute s top 30% a nič, poskusil z margini, paddingi itd. Poskusil sem vse dati v div id="nav" in nič, sem poskusil tudi vse skupaj dati v dive namesto ul in li, nič.. Zmankuje mi idej.


HTML
<div id="hoa_logo">
        	<img style="position:absolute; top:45%; left:-3%; " alt="" src="images/hoa_logo.png"/>
        </div>
       
    	<div id="hoa_bg">
			<img style="position:absolute; top:55%; left:-1%; " alt="" src="images/hoa_bg.png"/>
		</div>
        
        <nav>
            <ul>
            	<li><a href="#"><img class="over1" src="images/luxur_gs.png" width="188" height="188" border="0" alt="luxur"/><img class="hover1" src="images/luxur_rgb.png" width="188" height="188" border="0" alt="luxur"/></a></li>
                <li><a href="#"><img class="over2" src="images/hoaproject_gs.png" width="188" height="188" border="0" alt="luxur"/><img class="hover2" src="images/hoaproject_rgb.png" width="188" height="188" border="0" alt="luxur"/></a></li>
            </ul>
        </nav>


CSS:
#hoa_bg {
	width:1100px;
	height:100%;
}

#hoa_logo {
	width:1200px;
	height:100%;
}

nav {
	position:absolute;
	top:30%;
	width:812px;
	height:188px;
}

nav ul {
	list-style:none;
	width:812px;
	height:188px;
}

nav ul li {
	display:inline;
}

.over1 {
	position:absolute;
	top:0;
	left:0;
	z-index:10;
	clear:both;
}

.hover1 {
	position:absolute;
	top:0;
	left:0;
	z-index:0;
	clear:both;
}

.over2 {
	position:absolute;
	top:0;
	left:208px;
	z-index:10;
	clear:both;
}

.hover2 {
	position:absolute;
	top:0;
	left:208px;
	z-index:0;
	clear:both;
}
  • spremenil: jnzavrl ()


Vredno ogleda ...

TemaSporočilaOglediZadnje sporočilo
TemaSporočilaOglediZadnje sporočilo
!

Vse, kar ste si želeli vprašati o CSS, pa si niste upali. (strani: 1 2 3 423 24 25 26 )

Oddelek: Izdelava spletišč
1298347061 (6198) sunniegoldie
»

Prikaz strani na različni resoluciji-Joomla

Oddelek: Izdelava spletišč
151948 (1676) kr?en
»

poravnava li elementov

Oddelek: Izdelava spletišč
82152 (2017) boss-tech
»

[CSS]Pozicioniranje footer diva

Oddelek: Izdelava spletišč
62462 (2409) amaze646
»

CSS min-height

Oddelek: Izdelava spletišč
51458 (1340) snow

Več podobnih tem