-
IE layout problem
FYI - it validates now. Thanks.
-
IE layout problem
Hi, yeah I know. I usually design all the pages and get them working then go back and validate the markup. This stuff isn't about to go 'live' anytime soon so I figured validation can wait. Is this a bad method of working?
-
IE layout problem
Simple as that. Thanks a lot.
-
IE layout problem
Hey people, You guys were a great help last time I got stuck with an IE problem so I'm hoping you can help me again. Basically I'm using floats within a column on my web page - perhaps I should use another method but this works fine in everything BUT Internet Explorer 8, so I figured that's where the problem lies. Here's the website (am I allowed to do this?): karlorsborn.com/buildmoor/index.html It's the first paragraph of text that's the problem - it should display underneath the 'share' stuff, but it displays to the left. Here's the CSS code for those elements: #left_column1 { position:absolute; left:10px; top:470px; width:510px; color:#000; } #share { float:right; font-family: 'Puritan', arial, serif; font-size:15px; color:#999; } .share_icon { margin-left:3px; } .column_text { float:left; margin-top:10px; } What's the most sensible way to fix this? Your help will, as always, be much appreciated... Thanks
-
Absolute positioning and floats
Thanks husseycoding, That's exactly where I'm going wrong. I always thought that even if a div is absolutely positioned it'd still be 'seen' by other divs, which would arrange themselves around it. I didn't know they essentially become 'invisible'. Problem solved. Thanks once again.
-
Absolute positioning and floats
Hi there, You guys were a big help last time I had a CSS problem and now I'm back with another! I'm still getting to grips with using floats instead of absolute positioning in my sites and I'm having some difficulty on the following page: http://dubmatic.co.uk/demo/events.html I can't seem to get the 'event1_title' to display the 'page_title' div using floats. I don't want to use absolute positioning as the dimensions of these divs is likely to change. I've tried placing the page title into another div with a width of 900px (the parent div width) hoping that would push the event1_title below the page_title, but this doesn't work. Can someone please help? I've a feeling this is going to prove a constant issue with this site. And apologies for the messy code - I've been playing around trying to get this to work so there are probably unnecessary elements in there...! Thanks, Karl
-
z-index and background images
Ha! So simple - and I was tearing my hair out over this all last night! Thanks Junior, and Stevo - your help was much appreciated.
-
Howdi
Hey people, Thought I'd join up with you guys after some major big-ups from people I know in the industry. I'm just breaking through myself, and very much learning things as I go along. Hopefully I'll be a regular on this forum, perhaps one day I'll even be dishing the advice out instead of desparately seeking your help! One can dream... Thanks! Karl
-
z-index and background images
Hi Guys, This is my first time posting on this forum but I've been told that you guys are very helpful and know your stuff so I thought I'd make it my first port of call. Here is the page: http://dubmatic.co.uk/demo/index.html Basically I'm having trouble making the background image for the 'content' div appear BEHIND the background image for the 'topmenu' div. I assume it's because of the document flow order but I thought setting a z-index on the content section lower than the menu would fix this. I foresee having the same issue on the menu item for the left column appearing behind the photo below it. At the moment the CSS for the two divs looks like this: #content { background-image:url("images/content_bg.png"); background-repeat:no-repeat; height:676px; margin-left:15px; padding:0; position:absolute; top:170px; width:973px; z-index:0; } #topmenu { background-image:url("images/menu_strip.png"); background-repeat:no-repeat; height:136px; margin:-36px -25px; width:1046px; z-index:2; } There is another div inside the topmenu div, maybe this is causing the problem? Here is the code for that: #menuwrap { height:63px; left:43px; padding:0; position:relative; top:32px; width:1000px; z-index:1; } Any help or suggestions from you guys would be much appreciated. Thanks