/    Sign up×
Community /Pin to ProfileBookmark

[RESOLVED] PHP Help

Copy linkTweet thisAlerts:
May 18.2009

Hey what’s up

I’m a web design student and I’m working on something that I didn’t study yet. I am starting javascript and I already know CSS and HTML. Now my problem is that my site looks one way in IE, but different in FireFox and Safari.

I know that none of them interpret the same coding the same. The thing is, I tried divs, AP divs, and even a table doesn’t show properly.

I have 3 columns, where the left-most column has 3 rows, and the other 2 columns have only one row (rowspan=”3″). My problem is that tables don’t support cell/row heights, therefore the heights don’t show the same in the 3 browsers.

I was told about PHP (something about “IF”). Can someone guide me towards some kind of help?

Thanks a bunch,

WoodhallD

to post a comment
PHP

9 Comments(s) ↴

Copy linkTweet thisAlerts:
@adam_jimenezMay 18.2009 — this is more of a css issue than a php issue.

to get your site looking the same in all browsers. you should look into getting a "css reset" stylesheet. This will solve a lot of the inconsistencies between browsers.

google: "eric meyers css reset"
Copy linkTweet thisAlerts:
@woodhalldauthorMay 18.2009 — I've given this a try, and all it did was reduce the deault spacing at the top of my IE window

The way I understood the "IF" statements, I could have ONE CSS file, where I could have something going something like IF it's IE, use these codes, IF it's FireFox, use these codes, if it's Safari use these ones, and in all cases use these, which are the regular CSS....??

WoodhallD
Copy linkTweet thisAlerts:
@adam_jimenezMay 18.2009 — u can use conditional comments for different versions of IE.

but doing it server side using php browser sniffing is major overkill!

there should be a much more elegant css solution to this.
Copy linkTweet thisAlerts:
@woodhalldauthorMay 18.2009 — uhuh, i see

any another solution than css reset or conditional statements?
Copy linkTweet thisAlerts:
@adam_jimenezMay 18.2009 — need to see the page in question.

but i think this thread ought to be in a html/ css forum.
Copy linkTweet thisAlerts:
@woodhalldauthorMay 18.2009 — ok i see

i have a question though

how would I make an AP div placed the same in all 3 major browsers?

I tried using an AP div, but aparently the origin, or left:0 and top:0, just don't seem to be placed the same because my divs aren't the same

also, I understand that tables are very fluid and unstable, and they don't support height, but I get a space in one cell, and in another browser the space is elsewhere in another cell
Copy linkTweet thisAlerts:
@ShortsMay 18.2009 — First, if there is no DOCTYPE, add one. And make sure there is absolutely no characters on your html. Then validate your page, http://validator.w3.org/ . And give an example of your page helps us all understand your problem a lot better, so post something up and we'll see what we can help you with.
Copy linkTweet thisAlerts:
@MindzaiMay 18.2009 — You say you are a web design student, well this is lesson 1: you will spend 20% of your time designing websites, and 80% making them work in IE :p.

The advice you've had is sound. A valid doctype, CSS reset and conditional includes to add IE-specific fixes is the way to go. You really dont want to start using scripting languages to serve up different markup depending on browser, it's not the right thing to do. Markup should be there to regulate the content, and unless the content changes, the markup should not change. The proper way to go about things is to learn CSS inside out, and that includes all of the common browser bugs. Once you've fixed them enough times they will become second nature.
Copy linkTweet thisAlerts:
@woodhalldauthorMay 19.2009 — hahahhaha nice one, indeed

I tried to redo it again, and after all the time ive put into it, it turned out to be a silly CSS thing like adam suggested

when i redid it, i tried giving a float:left value and a float:right value, and everything came out wonderfully

thanks anyways guys!
×

Success!

Help @woodhalld spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.28,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...