|
|||||||||
|
|||||||||
| |||||||||
|
|
|
| |||||||||
 |
|
|
«
Previous Thread
|
Next Thread
»
|
Thread Tools | Search this Thread | Rate Thread | Display Modes |
Dev Shed Forums Sponsor:
|
|
|
|
#1
June 11th, 2004, 02:57 PM
|
|||
|
|||
|
Text in div displays then dissappears!
The page with the problem is this one: http://www.yazmin.net/teamintraining/photos.php
When the page loads in IE (I'm using v6, but this seems to be happening in all versions of IE), you can see my introduction text display, but then it looks like another div is being loaded and the text promptly dissappears. I don't have this problem in other browsers. Below is the relevant CSS and HTML code: CSS: Code:
#content {
background-image: url(/teamintraining/images/bkg.gif);
margin: 30px 13em 0 3em;
padding-right: 60px;
}
#navigation {
color:#006600;
}
.img-shadow {
float:left;
background: url(/teamintraining/images/shadowAlpha.png) no-repeat bottom right !important;
background: url(/teamintraining/images/shadow.gif) no-repeat bottom right;
margin: 10px 0 0 10px !important;
margin: 10px 0 0 5px;
}
.img-shadow img {
display: block;
position: relative;
background-color: #fff;
border: 1px solid #a9a9a9;
margin: -6px 6px 6px -6px;
padding: 4px;
}
HTML: Code:
<body>
<br><h2>Welcome to Jason and Yazmin Wickham's Team In Training Update Site!</h2><br><br>
<div id="main">
<div id="menu">
<div align="center"><?php include("includes/navigation.htm"); ?><p> </p></div>
</div>
<div id="content">
<h1>Photo Gallery</h1>
<p>As Jason and I go through training, we will make an effort to post pictures here for viewing.</p>
<p><?php echo $gallery->getThumbnailsDisplay() ?></p>
<br style="clear:both" />
</div>
</div>
</body>
Any ideas? Thanks!
|
|
#2
June 11th, 2004, 05:55 PM
|
||||
|
||||
|
i have experienced that msie have problem with overlaping background when float and position relative is used.
try to add position:relative; to .img-shadow and to #content Last edited by Akh : June 11th, 2004 at 06:06 PM.
|
|
#3
June 21st, 2004, 10:49 AM
|
|||
|
|||
|
Thank you Akh.
Unfortunately, the suggestion worked, but messed up the positioning of the "content" div and pushed it over the navigation bar on the right. I was able to fix the problem though, by creating duplicate mark up for the content id as a class and wrapping the text of the page into the content class div while leaving the display of the photos in the content id div. Thank you again for your help. 
|
|
| Viewing: Dev Shed Forums > Web Design > CSS Help > Text in div displays then dissappears! |
| Thread Tools | Search this Thread |
| Display Modes | Rate This Thread |
|
|
 |
|
|
Del.icio.us
Digg
Google
Spurl
Blink
Furl
Simpy
Y! MyWeb
Linear Mode
