Kane250

oddly I still cannot see it anywhere whether i insert it before or after the container and yes even with a 1000 z index! I am using an online renderer for IE7 because I use a mac...do you think I just might not be seeing it through there? I dont know what else would keep it from layering above the other divs...

actually, would it be a totally bad idea if I took the div out of the container and just tried to absolute position it within the body somewhere?

ok, I did all of those, but moving the #contrbutemenu div in the html above the subhead makes it disappear in all browsers...thats what you meant right? Move it within the html?

I am actually already targeting it with a seperate css just for IE7. I cannot position it within subhead because that div is not tall enough to align it the way I want it to, and if I make it taller it is going to affect the rest of my divs...

Sorry, I didn't post it because it's pretty straightforward, but here: www.mariaforcouncil09.com, it's the volunteer / contribute button in its own div. Only disappears in IE7

Here is my css for the crewtitles: p.crewtitles { font-family: myriad pro, century gothic, sans-serif; font-size: 16px; color: black; } And yes, I have a few classes of link styles, but I am not using a specific class here, just the standard link styles seen at the top of this list. a:link { font-family: myriad pro, century gothic, sans-serif; font-size: 16px; color: black; text-decoration: none; } a:visited { font-family: myriad pro, century gothic, sans-serif; font-size: 16px; color: black; text-decoration: none; } a:active { font-family: myriad pro, century gothic, sans-serif; font-size: 16px; color: black; text-decoration: none; } a:hover { font-family: myriad pro, century gothic, sans-serif; font-size: 16px; color: gray; text-decoration: none; } a.maintext:link { font-family: Arial Black, Arial, sans-serif; font-size: 21px; color: #241100; text-decoration: none; } a.maintext:visited { font-family: Arial Black, Arial, sans-serif; font-size: 21px; color: #241100; text-decoration: none; } a.maintext:active { font-family: Arial Black, Arial, sans-serif; font-size: 21px; color: #241100; text-decoration: none; } a.maintext:hover { font-family: Arial Black, Arial, sans-serif; font-size: 21px; color: #E00000; text-decoration: none; } a.tickets:link { font-family: myriad pro, century gothic, sans-serif; font-size: 18px; color: #E00000; text-decoration: none; } a.tickets:visited { font-family: myriad pro, century gothic, sans-serif; font-size: 18px; color: #E00000; text-decoration: none; } a.tickets:active { font-family: myriad pro, century gothic, sans-serif; font-size: 18px; color: #E00000; text-decoration: none; } a.tickets:hover { font-family: myriad pro, century gothic, sans-serif; font-size: 18px; color: gray; text-decoration: none; }

I have every div in my website relatively positioned except one that muct be absolute because it has to be layered on top of others. I have the div as the very last thing in my container div before I end the html and with absolute positioning it shows up fine in every browser (IE6, FF, Opera, Safari) except for IE7 where it just completely disappears altogether. I tried moving the div to be the very first thing in the container instead of the last, thinking that priority might make it visible, but it has not. I also tried z-index, which doesn't do anything either. Any suggestions?

Nevermind, I discovered how to wrap the text. Thanks for the tip!

is there any other way? adding pre made all my text go horizontally along one line and added a horizontal scroll bar...looks nicer but really messed up my text..

I have a super simple page setup. A container div, with two other divs inside it. One div is for a lot of text and has a scroll feature, and the other is my nav bar underneath that div. For some reason everything works fine with adding text to my text div (called fullcontent) until I add a link. The second I make something into a link, it takes my nav div and nests it inside the text div instead of the container... Does this ring a bell to anyone? I have never had this happen to me before... Here is my css and html for these divs: #container { background: white; width: 806px !important; width: 830px; height: 600px; margin-left: auto; margin-right: auto; padding: 0px; } #nav { background: transparent; position: relative; text-align: left; float: left; width: 806px; height: 73px; } #fullcontent { background:transparent; overflow: auto; position: relative; float: left; padding-left: 10px !important; padding-right: 10px!important; width: 780px; height: 527px; margin-left: auto; margin-right: auto; } <body> <div id="container"> <div id="fullcontent"> <p class="crewtitles"> Text Goes Here </p> </div> <div id="nav"> <a href="index.html" onmouseover="image1.src='images/homeselect.gif';" onmouseout="image1.src='images/home.gif';"> <img name="image1" src="images/home.gif" border="0"></a> <a href="castcrew.html"> <img src="images/castcrewselect.gif" border="0"></a> <a href="media.html" onmouseover="image3.src='images/mediaselect.gif';" onmouseout="image3.src='images/media.gif';"> <img name="image3" src="images/media.gif" border="0"></a> </div> </div> </body>

I have a class created for text in a div that I am adding a lot of text to. However, I am having an issue where I cannot do a double space after a period, even using &nbsp, it does nothing. Is something wrong with my css class? Maybe my div? p.crewtitles { font-family: myriad pro, century gothic, sans-serif; font-size: 16px; color: black; } #fullcontent { background:transparent; overflow: auto; position: relative; float: left; padding-left: 10px !important; padding-right: 10px!important; width: 780px; height: 527px; margin-left: auto; margin-right: auto; }

Yeah, I tried using conditional statements to call a new css before but for some reason it would never pull the css just for IE7. I'm guessing getting this to work is probably the easiest way to manipulate things for IE7 though...

Hi, I recently posted in here looking for ways to fix my site for IE6, which I spent a lot of time learning and have completely fixed with re-coding and using many !important tags. I have come to find out now that IE7 completely trashes my site again. I cannot change the !important tags because they are needed for IE6, and I cannot change my regular CSS because it changes how things render in firefox and other decent browsers... How are other people achieving this? Do I need a seperate CSS just for IE7? If so, how do I implement that to the site? Thanks for any help. Internet Explorer is ruining my life.

I built this site that is very standard. Everything validates both xhtml & css but it still looks terrible in IE6. I had this problem last time because I used too much absolute positioning, so this time everything is relative with margins instead, and yet IE still manages to make it look bad... I would really appreciate the help if soeone sees anything! www.thebubblemusical.com Thanks!

Thanks! That's definitely closer to what I'm looking for..except that the original image is static and I'm trying to find something that transitions before you click on it... Like this: http://smoothslideshow.jondesign.net/timed.html# but with the ability to cick on the image and enlarge it. Thanks though still

I don't actually....I guess it would just be something that would fade / transition in between photos and have the option to click on the photos to enlarge them....

I can just combine them without changing anything?

Hi, I don't know Javascript at all but have used GreyBox (another version of lightbox) on a few occasions. I am currently looking for code that displays images in a slideshow but allows you to click on them to enlarge them like lightbox does. Does anyone have any suggestions of thi type f code I could use from anywhere? It seems like everyone I find is either one or the other but not both... Thanks!

Oh that seems so easy! Thanks for your help!

I'm sure this is something that is common for most but new for me. Can someone point me in the direction for instructions of how to import data from an excel spreadsheet to my MySQ database? This is basically a list of e-mail addresses, and I don't know how to format the excel spreadsheet for this or how to add it to my database. My table is set up like this: email, lastname, firstname, emailID where emailID is my primary key. Any help would be greatly appreciated that could get me started on doing this. Thanks!

Thanks! I actually saw this yesterday and tried it but it seemed to not link to my new spreadsheet for IE7. I added in the link and it just did nothing...do you have a good link? Maybe I did it wrong..

Yeah was wondering why they looked weird...good to know...thanks!

I sent you a message. I was able to readjust things for IE6, but then when I look thorugh IE7 it's completely messed up again..

Is there a reason why this fixes the divs for IE6 but then when I test in IE7 it's messed up again?

gotcha, well that's definitely helpful...thanks!