http://plungjan.name/levch
I am getting a little more knowledgeable in CSS which makes me do things that give me more trouble
1. I want the menu to stay in its div and the same with the first/lastname - I think I must use a fixed size font for that to happen
2. I need the text to look as similar as possible in FF and IE. right now there is a major difference in font size which I cannot get to work using em on my FF at home in Mac it looks great. On XP less great
3. I wanted to have the image on the right fit the box width with perhaps 5px on each side - it is now fixed width box which I do NOT like
4. can I get the two content divs to stay together with a minimum of 20px and a max of say 50 px between them, and
5. can I stop content2 from flopping under content1 when the box gets a little too wide for whatever browser I am using?
Thanks!!!
Michel
This Question has been solved and asker verified All Experts Exchange premium technology solutions are available to subscription members.
Experts Exchange has been collecting answers to technology questions since 1996…3 million and counting! If you have a question, chances are we already have your answer.
If you can't find the exact answer you're looking for, ask our exclusive community of 50,000 experts. You’ll get a personalized answer from a trusted professional.
Thousands of free tech tips, tricks, how-to’s and tutorials are available in our peer reviewed articles section. See for yourself how smart our experts are, no login required.
Save solutions to your questions, answers you’ve discovered through searching plus helpful articles in your personal knowledgebase for easy future access.
Access the answers to your technology questions today.
30-day free trial. Register in 60 seconds.
Members of the expert community talk about why the experience at Experts Exchange is different than what you will find anywhere else.
Try it out and discover for yourself.
30-day free trial. Register in 60 seconds.
Join the community of experts here and help other tech pros by answering question in your area of expertise. You can earn FREE access to all Experts Exchange's premium features and resources.
Thanks for looking
the ul is used by the twitter script
The span on line 8 was not on its own
I have added <a ...> to the images and closed the head and added doctype
Then the big image was too big so I made it 95% wide, now the content2 box is shorter than the content1 for some weird reason (or the content of content1 is pushing its box down...
It seems better - how do I stop the content2 from flipping under content1 when resized?
Business Accounts
Answer for Membership
by: s8webPosted on 2009-11-05 at 07:56:01ID: 25750789
Greetings Michel,
The first thing that you need to do is give your document a DocType, the absence of one will cause your page(s) to display differently across browsers. Add this to your page above <html>:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtm
Then close your <head> tag by adding </head> after the line <link rel="stylesheet" type="text/css" href="main.css" />
On line 8, you have an extra </span> tag, delete it.
You have an empty ul trimming on line 23 (<ul id="twitter_update_list"></u
You have an extra </span> tag on line 30. Remove that.
Lines 33-37 have closing </a> tags that aren't closing anything. Did you intend for these images to link to something? If not, get rid of the </a> tags.
If you do anymore css troubleshooting without fixing these items, you will find that if you fix something for one browser, it will break it in another.