NameSilo

Div & browser problem..

SpaceshipSpaceship
Watch

Biggie_mac

Established Member
Impact
0
Long story short I'm having a simple problem with divs...

This is the Css:

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

div#backa {
height: 323px;
width: 800px;
margin-top: 50px;
margin-bottom: 0px;
margin-left: 50px;
margin-right: 0px;
padding: 0px;
background-image:url(back.PNG);
}

div#st{
margin-top: 69px;
margin-left: 55px;}

div#fl{
margin-top: 59px;
margin-left: 55px;}

.st{font: 18px verdana;color: #666666;margin-top: 0px;margin-left: 0px}



and this is the body of the htm page :
<body>
<div id="backa">
<div id="st"><p class="st">Storcatoare</p></div>
<div id="fl"><p class="st">Filtre</p></div>
</div>
</body>

And here is how mozzila see it
http://img14.imagevenue.com/img.php?loc=loc25&image=81611_mozz.JPG


and how I explorer see it
http://img15.imagevenue.com/img.php?loc=loc139&image=81606_iexpl.JPG


..what am I doing wrong? I also have tried in stead of making 2 divs for the 2 words just set the margins in the p class didn't work does the same thing. For the record I am trying to obtain what iexplorer show

Hope u understand what my problem is.
Thanx in advance
 
0
•••
The views expressed on this page by users and staff are their own, not those of NamePros.
Unstoppable Domains — AI StorefrontUnstoppable Domains — AI Storefront
lol IE is margining it from the background image and mozilla is rendering it correctly. The correct thing to do would be to make the background repeat on its own div and then the text within it. Margin the background, but not the text.
 
0
•••
I'm not really sure what you are trying to do, but absolute positioning would work.
#st {
position: absolute;
left: 119px;
top: 105px;
}

#fl {
position: absolute;
left: 178px;
top: 160px;
}

Also, CSS shortcuts help a lot.

Instead of doing:
margin-left: #;
margin-right: #;
margin-top: #;
margin-bottom: #;

You can do:
margin: # # # #;
Where it goes clockwise starting with top. (Top, right, bottom, left.)
 
0
•••
10x..it looks like positioning solved it! 10x a lot
 
0
•••
10x?
 
0
•••
Appraise.net

We're social

Escrow.com
Spaceship
Rexus Domain
CryptoExchange.com
Domain Recover
CatchDoms
DomainEasy — Live Options
DomDB
  • The sidebar remains visible by scrolling at a speed relative to the page’s height.
Back