Javascript Disabled Detected

You currently have javascript disabled. Several functions may not work. Please re-enable javascript to access full functionality.


Welcome to KnowledgeSutra - Dear Guest , Please Register here to get Your own website. - Ask a Question / Express Opinion / Reply w/o Sign-Up!

0

Ie Problems Again

Started by BooZker, Jan 15 2007 08:57 AM

Reply to this topic

8 replies to this topic

#1 BooZker

Mad Scientist of 2006

Kontributors
750 posts

Gender:Male
Location:Washington State in the USA
Interests:my wife Samantha, HTML, CSS, PHP, computers, magic, playing cards, and making movies.

Posted 15 January 2007 - 08:57 AM

I have my site http://boozkerstweaks.trap17.com and just when i thought i had everything perfect i just had to go to my Windows computer to check it because i made it on my mac and tested it in:

Netscape, Opera, Safari, and Firefox. I only had stupid IE and it displayed it horribly wrong. There is nothing wrong with the CSS. I checked the mathematics of it and it seems fine. It's like it's displaced. The header and the rest of the site are disconnected. There is also a white line down the right side of the page. I think it might have something to do with the CSS's background-color or border.

This really frustrates me

this might be because i can hardly stay awake and i'm trying to fix it, but even so i just dont feel like fixing it. Does anyone know if this happens in IE6? Because i was testing it in IE7. I'm sure SM is going to be here and he will be "duh its the..."

style sheet is: http://boozkerstweak...7.com/style.css

Edited by BooZker, 15 January 2007 - 08:57 AM.

#2 BuffaloHelp

Sterling Archer

Kontributors
4,088 posts

Gender:Male
myCENT:50.18

Posted 15 January 2007 - 09:23 AM

I think the problem is you have many classes but not enough structure--I hope that is the right expression.

Try defining your body to a specific width something like

#body {
	margin: 0 auto;
	width: 800px;
	padding: 0 0; }

and then define a header div as ID etc.

So the basic structure of your site would be something like:

<body>
     <div id="header">
      
     </div>
     
     <div id="content">

          <div id="right_menu">
          </div>

     </div>
</body>

This way, they are all aligned within the "body" and cannot wander about. You can even do DIV for left and DIV for right and use float to divide content from menu.

#3 BooZker

Mad Scientist of 2006

Kontributors
750 posts

Gender:Male
Location:Washington State in the USA
Interests:my wife Samantha, HTML, CSS, PHP, computers, magic, playing cards, and making movies.

Posted 15 January 2007 - 09:27 AM

OK i will try this. In other words though you are just saying that i should move the CSS tags in the order that they should be read and then set a specific width for the body?

I wish IE wasnt the most used browser!

#4 BuffaloHelp

Sterling Archer

Kontributors
4,088 posts

Gender:Male
myCENT:50.18

Posted 15 January 2007 - 09:36 AM

I don't think order of appearance has nothing to do with it. But looking at your css file, you have bunch of CLASS (.tag) but nothing that definds the ID tags...

Since I myself is learning css, my description could be wrong. But what I know is that you need to confine your DIV's within BODY with set width.

#5 BooZker

Mad Scientist of 2006

Kontributors
750 posts

Gender:Male
Location:Washington State in the USA
Interests:my wife Samantha, HTML, CSS, PHP, computers, magic, playing cards, and making movies.

Posted 15 January 2007 - 09:39 AM

hmm alright. I will go and set the header and footer divs to 758 and then main to 600 and right_side to 158 and see if this fixes the problem.

#6 Saint_Michael

$p4m 0n j00 $h4m3 m3 0nc3 $p4m 0n m3 $h4m3 m3 7\/\/1c3

[MODERATOR]
7,459 posts

Gender:Male
Location:9r33|\| 399$ 4|\|D 5P4/\/\
Interests:$p4m 0n j00 $h4m3 m3 0nc3 $p4m 0n m3 $h4m3 m3 7\/\/1c3
myCENT:71.24

Posted 15 January 2007 - 10:16 AM

Well after trying some stuff out I finally got it. So give me a " I LOVE YOU SM"


.main {
width: 758px;
background:#000066;
padding: 0px;
border-bottom:none;
}

I predicted it was margins or padding

#7 BooZker

Mad Scientist of 2006

Kontributors
750 posts

Gender:Male
Location:Washington State in the USA
Interests:my wife Samantha, HTML, CSS, PHP, computers, magic, playing cards, and making movies.

Posted 15 January 2007 - 10:24 AM

GOD! Everytime it's so simple and i can't find it. You have to give me some slack though. I have only been making graphics and sites for a little over a year now.

#8 jlhaslip

Insert Custom Title Here

[MODERATOR]
5,040 posts

Gender:Not Telling
Location:Linux, DOS and Windows…the good, the bad and the ugly
myCENT:81.07

Posted 15 January 2007 - 06:22 PM

I find that using this code:

body { margin:0; padding: 0;}

and then setting specific margins and paddings in the sheet helps to eliminate most problems. Each Browser has its own default settings for margins and padding, so eliminate the defaults and the browsers will all treat the page the same.

As for the order of the html content on the page, I find that it is best to have the div's in the html code in the order which they appear on the page. For example, insert the float:left before the float:right for the same parent element. Otherwise, there is some confusion between browsers and the way they are rendered.

#9 iGuest

Hail Caesar!

Kontributors
5,876 posts

Interests:Trap17 Free Web Hosting, No Ads

Posted 10 December 2008 - 05:11 AM

You bet it happens in 6. I can't fix it. Spent hours looking for it. If you find out how, let me know. Also can't see some buttons even when I hover over them. With Mozilla all the colors look right. Doesn't do this on any of my work computers, only my home. Upgraded to 7 to fix it. Didn't work. Went back to 6.

-reply by Scott

Back to CSS (Cascading Style Sheets) · Next Unread Topic →

Reply to this topic

1 user(s) are reading this topic

0 members, 1 guests, 0 anonymous users