Dynadot — .com Registration $8.99

Div & browser problem..

Spaceship Spaceship
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.
AfternicAfternic
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
•••

We're social

Unstoppable Domains
Domain Recover
NameMaxi - Your Domain Has Buyers
  • The sidebar remains visible by scrolling at a speed relative to the page’s height.
Back