4 replies [Last post]
martinjamesroberts
martinjamesroberts's picture
Offline
newbie
Last seen: 11 years 45 weeks ago
Joined: 2008-05-16
Posts: 5
Points: 0

Hello there everyone I'm new so... please ignore my ignorance!!

I'm sure my problem will be simple to fix.... I have in my document a centre aligned wrapper div containing some noscript text, a flash movie and a footer with 4 or 5 links inside (set as display: block in an unstyled list) all floated to the right with a little padding - the problem I have is that in firefox it all looks lovely and the links are next to each other horizontally under the flash movie as I want them to be, but when I open my page in explorer the links are in a vertical pile?

Can anyone help please

jeff_way
jeff_way's picture
Offline
Enthusiast
Nashville
Last seen: 12 years 5 weeks ago
Nashville
Timezone: GMT-5
Joined: 2007-05-07
Posts: 137
Points: 0

Can you send us a link to

Can you send us a link to the site? Or post some html and CSS, please?

-Jeffrey Way | My Blog

martinjamesroberts
martinjamesroberts's picture
Offline
newbie
Last seen: 11 years 45 weeks ago
Joined: 2008-05-16
Posts: 5
Points: 0

Sure, code attached... sorry!

* { margin: 0; padding: 0; }

#wrapper {
width: 790px;
margin: 0 auto;
text-align: left;
background-color: #fff;
}

body {
font: 70%/1.8 "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
background-color: #fff;
}

a:link {
text-decoration: none;
font-weight: normal;
color: #cccccc;
}

a:hover, a:active {
text-decoration: none;
font-weight: normal;
color: #cccccc;
}

a:visited {
text-decoration: none;
font-weight: normal;
color: #cccccc;
}

body {
text-align: center;
min-width: 790px;
}

#footer {
text-align: right;
padding-right: 25px;
}

ul {
margin: 0;
padding: 0;
list-style: none;
}

ul a {
padding: 0 .3em;
line-height: 2.1em;
text-decoration: none;
color: #fff;
float: right;
display: block;
}

AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','790','height','550','src','fudoyoki','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','fudoyoki' ); //end AC code


//description of site










gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 1 day 30 min ago
Dallas
Timezone: GMT-5
Joined: 2004-06-25
Posts: 9761
Points: 3843

Float the li instead of the

Float the li instead of the a.

li {
    float: right;
    }

  ul a {
  padding: 0 .3em;
  line-height: 2.1em;
  text-decoration: none;
  color: #fff;
  display: block;
  }

cheers,

gary

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

martinjamesroberts
martinjamesroberts's picture
Offline
newbie
Last seen: 11 years 45 weeks ago
Joined: 2008-05-16
Posts: 5
Points: 0

Thats it!

Thanks Gary that's done the trick just fine!! Smile