SitePoint Sponsor |
|
User Tag List
Results 1 to 11 of 11
Thread: CSS + IE = Perfect Nightmare
-
Apr 25, 2007, 08:56 #1
- Join Date
- Jun 2006
- Posts
- 70
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
CSS + IE = Perfect Nightmare
I give up... please see http://www.spicyglitters.com, looks good in FF but not in IE (using IE6), I have tried everything I can - including banging my head to the keyboard if it counts -.
I have tried to adjust these in wp_style.css:
#container
.width
* html .minwidth
* html .holder
#content
Would anyone help me on this?
Thanks in advance.
-
Apr 25, 2007, 10:04 #2
- Join Date
- Apr 2007
- Posts
- 300
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
They look the same in Firefox2 and IE6. May be I am not looking at the right thing. Can you explain the problem you notice in IE6 ?
-
Apr 25, 2007, 10:40 #3
- Join Date
- Jun 2006
- Posts
- 70
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
oh sorry... forgot to say it's not correct in 800x600 resolution... or when we resize IE window smaller.
-
Apr 25, 2007, 11:22 #4
- Join Date
- Apr 2007
- Posts
- 300
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
Try floating the white box to the right.
-
Apr 25, 2007, 12:03 #5
- Join Date
- Jun 2006
- Posts
- 70
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
still going down... and now on FF too...
-
Apr 25, 2007, 12:12 #6
- Join Date
- Apr 2007
- Posts
- 300
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
Try positioning the menu using absolute. Float the white box to the left with [the width of the menu as ] left margin.
-
Apr 25, 2007, 14:22 #7
- Join Date
- May 2006
- Location
- Aurora, Illinois
- Posts
- 15,476
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
There's no need to. I haven't looked at the code, but if the container is being pushed down, then you need to double-check your math and make sure that everything adds up.
Save the Internet - Use Opera | May my mother rest in peace: 1943-2009
Dan Schulz - Design Team Advisor | Follow me on Twitter
SitePoint References: HTML CSS JavaScript | Become A Guru
WordPress SEO Checklist | What WordPress Plugins Do You Use?
Web Standards Curriculum | Image Free Equal Height Columns
-
Apr 26, 2007, 05:40 #8
- Join Date
- Jun 2006
- Posts
- 70
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
Thanks semantic7, but from the css, it seems it had already been like that, but I'm not sure.
if the container is being pushed down, then you need to double-check your math and make sure that everything adds up.
Ok here is some codes (the divs) that I suspect might raise the problem:
On html page:
Code:<!-- wrapper to keep IE from overlapping right sidebar with main content --> <div class="width"> <div class="minwidth"> <div class="holder"> <!-- End IE wrapper --> <div id="container"> <div id="wrap"> <div id="leftside"> <div id="content"> --> this one is the 'white box'
Code:.width { width:100%; min-width:1000px; } * html .minwidth { border-left:850px solid #fff; position:relative; float:left; z-index:1; } * html .holder { margin-left:-850px; position:relative; float:left; z-index:2; } #container { color:#303030; margin:0; min-width:1000px; padding:0; text-align:left; width:100%; } #wrap { clear:both; font-size:0.9em; padding:0; margin-top: 5px; } #leftside { margin:0; padding:0 10px 10px; width:165px; } #leftside { float:left; margin-right:10px; } #content { background-color:#fafcff; border:1px solid #909090; color:#2a2a2a; padding:15px 20px 5px; } #content { position:relative; float:right; margin:0 20px 0 200px; } *html #content { display:inline-block; position:relative; }
As Dan's suggestion, I had tried to change the '1000px' to larger number '1500px', but still messy in IE.
Please notice that the problem is not the big white box only, but also these things (on stupid IE):
1. The main menu bar (HOME,UPLOAD FILE etc) isn't fully to the right.
2. The 'category' bar inside the big white box
But let's focus on the 'big white box' problem first...
Thanks guys... appreciate your help here...
-
Apr 26, 2007, 22:49 #9
- Join Date
- Jun 2006
- Posts
- 70
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
yay... at last...
changed width:100% to
Code:width:1000px; width /* */:100%;
does anyone have IE7? I hope it works ok in IE7
-
Apr 26, 2007, 23:11 #10
- Join Date
- Apr 2002
- Location
- Ohio
- Posts
- 45
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
-
Apr 27, 2007, 02:38 #11
- Join Date
- Jun 2006
- Posts
- 70
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
Good!... it should be so, as IE7 is more "CSS friendly" than previous ones. But I do like FF muchhh better, if only Windows came with FF so no one use IE
Bookmarks