A very simple problem

martinjamesroberts

newbie

Posts: 5
Joined: 2008-05-16

Posted: Fri, 2008-05-16 12:58

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

Enthusiast

Posts: 137
Joined: 2007-05-07
Location: Nashville

Can you send us a link to

Posted: Fri, 2008-05-16 13:22

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

-Jeffrey Way | <a href="http://www.detacheddesigns.com/blog" title="Detached Designs Blog">My Blog </a>

martinjamesroberts

newbie

Posts: 5
Joined: 2008-05-16

Sure, code attached... sorry!

Posted: Fri, 2008-05-16 13:30

* {
  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;
}

<div id="wrapper">
<div align="center">
  <script type="text/javascript">
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
</script>
  <noscript>
  //description of site

  <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="790" height="550">
    <param name="movie" value="movie.swf" />
    <param name="quality" value="high" />
    <embed src="movie.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="790" height="550"></embed>
  </object>
  </noscript>
<div id ="footer">
<ul>
<li class="first"><a href="http://www.asite.com">Text</a></li> 
<li><a href="index.htm">Text</a></li>
<li><a href="index.htm">Text</a></li> 
<li><a href="index.htm">Text</a></li> 
<li><a href="index.htm">Text</a></li>
</ul>
</div>
</div>
</div>

gary.turner

Moderator

Posts: 5848
Joined: 2004-06-25
Location: Dallas

Float the li instead of the

Posted: Sat, 2008-05-17 20:36

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

A pianist who has learned the wrong system of fingering cannot become a virtuoso until he has laboriously taught himself the proper method.

My site is slo-o-owly being reconstructed; visit anyway.

martinjamesroberts

newbie

Posts: 5
Joined: 2008-05-16

Thats it!

Posted: Mon, 2008-05-19 11:26

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