The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> CSS alignment issues, IE vs Mozilla
kakan
post Nov 18 2007, 06:18 PM
Post #1





Group: Members
Posts: 2
Joined: 18-November 07
Member No.: 4,350



I wrote my site previewing it in Mozilla, but when I looked at it in IE all the alignments were off.
I googled it and found another thread with the same problem:
http://forums.htmlhelp.com/lofiversion/index.php/t3548.html
I tried that but it didn't seem to help.

Site adress is www.uppsalaekonomerna.com/uca/test

Does anyone know what the problem might be?
Thanks in advance.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Nov 18 2007, 06:27 PM
Post #2


Don't like donuts. Don't do MySpace.
********

Group: WDG Moderators
Posts: 18,366
Joined: 9-August 06
Member No.: 6



Hej hopp! tongue.gif

I'm sorry to tell you, but it's way off in my version of gecko too. Same as in IE6 and Opera.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Nov 18 2007, 06:43 PM
Post #3


Don't like donuts. Don't do MySpace.
********

Group: WDG Moderators
Posts: 18,366
Joined: 9-August 06
Member No.: 6



Make the code valid first.
http://htmlhelp.com/cgi-bin/validate.cgi?u...mp;warnings=yes
Most of the errors are because you declare XHTML but write HTML. But there also seems to be problems with the table code and you use the same id twice. An id must be unique to the page.

Obviously the absolute positioning screws up. Don't use AP when it isn't necessary. Are you trying to center blocks by giving them an offset from the left edge of the browser window? That'll work only if the browser window always is a certain size. Better not use AP like that. You could just stack the sections, one under the other and then center the whole things with margin or padding. No positioning needed. No tables needed.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
kakan
post Nov 18 2007, 06:52 PM
Post #4





Group: Members
Posts: 2
Joined: 18-November 07
Member No.: 4,350



Thanks for your help.
Changed the declaring bit.
I used div twice becouse when I used it once it didn't work, and I guess you're right about the absolute positioning bit, just thought it would be easiest to do it that way, guess not smile.gif

How would i go about stacking them without using tables?
Thanks a million again, was supposed to be finished with the site like yesterday smile.gif
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Darin McGrew
post Nov 18 2007, 07:42 PM
Post #5


WDG Member
********

Group: Root Admin
Posts: 8,312
Joined: 4-August 06
From: Mountain View, CA
Member No.: 3



Our online validator still reports markup errors that indicate a number of structural problems.

Right now, you have the main background centered, but the nav bar and content are positioned relative to the left edge. They'll match up only at one specific browser width. You can center everything, or you can position everything relative to the left (or right) edge. But mixing the two modes causes problems.

But it also looks like you're trying to position content over an area of the background image. That is a very fragile way to design a web page.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 16th September 2019 - 11:17 PM