daskalo
May 24th, 2010, 04:44 PM
Hey guys, I am currently stuck on something. If you view this website i am working on in firefox it looks good, but in internet explorer it doesnt. It's not the whole website its just a small part of it.
website: guardianfence.com
user: guardian
pass: guardian
If you look at those images that rotate in firefox they look fine, but if you view them in IE the text is all messed up...
This is how the first image starts:
<div class="absolute_layout">
<div class="slide_show_lt">
</div>
<div class="slide_show_bg">
<button class="prev"></button>
<button class="next"></button>
<div class="anyClass">
<marquee scrollamount="1" onmouseover="this.stop()" onmouseout="this.start()">
<ul>
<li>
<div class="gallery_box_layout">
<div class="gallery_img">
<a href="chainlink.php"><img src="images/chainmain.jpg" border="0" /></a>
</div>
<div class="gallery_text_layout">
<div class="gallery_text_content">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt test test test test
<div class="gallery_text_heading">
<center><a href="chainlink.php">Chain Link</a> | <a href="chainlink.php">Gallery</a></center>
</div>
</div>
</div>
<div class="gallery_box_gap"></div>
</li>
<li>
Here is the CSS part fot the gallery_box_layout
<div class="absolute_layout">
<div class="slide_show_lt">
</div>
<div class="slide_show_bg">
<button class="prev"></button>
<button class="next"></button>
<div class="anyClass">
<marquee scrollamount="1" onmouseover="this.stop()" onmouseout="this.start()">
<ul>
<li>
<div class="gallery_box_layout">
<div class="gallery_img">
<a href="chainlink.php"><img src="images/chainmain.jpg" border="0" /></a>
</div>
<div class="gallery_text_layout">
<div class="gallery_text_content">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt test test test test
<div class="gallery_text_heading">
<center><a href="chainlink.php">Chain Link</a> | <a href="chainlink.php">Gallery</a></center>
</div>
</div>
</div>
<div class="gallery_box_gap"></div>
</li>
<li>
and here is the code for gallery_text_layout
.gallery_text_layout
{
padding:9px 20px 0px 6px;
}
Can someone please help me figure out why it's like that in internet explorer?
Thanks!!
website: guardianfence.com
user: guardian
pass: guardian
If you look at those images that rotate in firefox they look fine, but if you view them in IE the text is all messed up...
This is how the first image starts:
<div class="absolute_layout">
<div class="slide_show_lt">
</div>
<div class="slide_show_bg">
<button class="prev"></button>
<button class="next"></button>
<div class="anyClass">
<marquee scrollamount="1" onmouseover="this.stop()" onmouseout="this.start()">
<ul>
<li>
<div class="gallery_box_layout">
<div class="gallery_img">
<a href="chainlink.php"><img src="images/chainmain.jpg" border="0" /></a>
</div>
<div class="gallery_text_layout">
<div class="gallery_text_content">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt test test test test
<div class="gallery_text_heading">
<center><a href="chainlink.php">Chain Link</a> | <a href="chainlink.php">Gallery</a></center>
</div>
</div>
</div>
<div class="gallery_box_gap"></div>
</li>
<li>
Here is the CSS part fot the gallery_box_layout
<div class="absolute_layout">
<div class="slide_show_lt">
</div>
<div class="slide_show_bg">
<button class="prev"></button>
<button class="next"></button>
<div class="anyClass">
<marquee scrollamount="1" onmouseover="this.stop()" onmouseout="this.start()">
<ul>
<li>
<div class="gallery_box_layout">
<div class="gallery_img">
<a href="chainlink.php"><img src="images/chainmain.jpg" border="0" /></a>
</div>
<div class="gallery_text_layout">
<div class="gallery_text_content">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt test test test test
<div class="gallery_text_heading">
<center><a href="chainlink.php">Chain Link</a> | <a href="chainlink.php">Gallery</a></center>
</div>
</div>
</div>
<div class="gallery_box_gap"></div>
</li>
<li>
and here is the code for gallery_text_layout
.gallery_text_layout
{
padding:9px 20px 0px 6px;
}
Can someone please help me figure out why it's like that in internet explorer?
Thanks!!