DTP


 
Lively discussions on the graphic arts and publishing — in print or on the web


Go Back   Desktop Publishing Forum > General Discussions > Web Site Building & Maintenance

Reply
 
Thread Tools Display Modes
Old 02-18-2007, 08:28 PM   #1
dacoyle
Member
 
dacoyle's Avatar
 
Join Date: Aug 2005
Location: Arlington, VA (across the river from Washington, DC)
Posts: 560
Default CSS positioning help

Folks, I'm still new to absolute/relative positioning, etc. After a LOT of trial and error, I have a template nearly ready at http://www.maryhynes.org/template.html

It works perfectly in Firefox and Opera, but in IE there's a huge gap between the content area and the footer. Anyone have any idea why?

I had to use negative values just to get it to work in FF and Opera, which may be part of the problem. Without using positioning, the main content area starts after all of the nav buttons. FYI, the negative values fixed the margin above the content area; they seem to have no effect on the footer.

Any help appreciated.

FYI, while this is another campaign, for the FIRST time I'm being paid and quite well assuming we win the primary (there probably won't be one) and the November election, a very good chance here for this party. I set up a tiered fee system, 25% down, 25% in June, and 50% after we win. After 40 hours, total, in kind donation kicks in. The latest candidate found that quite fair.

   
__________________
Dennis
dacoyle is offline   Reply With Quote
Old 02-19-2007, 02:21 AM   #2
LoisWakeman
Staff
 
LoisWakeman's Avatar
 
Join Date: Jan 2005
Location: Uplyme, Devon, England
Posts: 1,402
Default

Any reason you didn't use the 'float plus large margin' approach?

Fixed positioning seems just as incomprehensible to me, too! I can't see a gap in IE6 though.
LoisWakeman is offline   Reply With Quote
Old 02-19-2007, 09:27 AM   #3
dacoyle
Member
 
dacoyle's Avatar
 
Join Date: Aug 2005
Location: Arlington, VA (across the river from Washington, DC)
Posts: 560
Default

Lois,

Thanks for letting me know it works in IE6. I have IE7 (quite by accident). I'll test in IE6 at work tomorrow.

It's not a float. Though I wonder if floating the Nav area left might help. In the code, the buttons come first followed by the content but that displays with the content starting after the last button. The positioning moves the text up to the correct position.

   
__________________
Dennis
dacoyle is offline   Reply With Quote
Old 02-19-2007, 11:45 AM   #4
annc
Sysop
 
annc's Avatar
 
Join Date: Oct 2004
Location: Subtropical Queensland, Australia, between the mountains and the Coral Sea
Posts: 4,436
Default

This is what it looks like in Safari 2.0.4...
Attached Thumbnails
Click image for larger version

Name:	Picture 1.png
Views:	95
Size:	114.8 KB
ID:	853  

   
__________________
annc is offline   Reply With Quote
Old 02-19-2007, 11:52 AM   #5
ktinkel
Founding Sysop
 
ktinkel's Avatar
 
Join Date: Oct 2004
Location: In Connecticut, on the Housatonic River near its mouth at Long Island Sound.
Posts: 11,189
Default

Quote:
Originally Posted by dacoyle View Post
It works perfectly in Firefox
Not here, it doesn’t. At least I don’t think you meant for it to look this way.

Mac, Firefox 2.0.0.1
Attached Thumbnails
Click image for larger version

Name:	dennis_hynes.png
Views:	92
Size:	43.7 KB
ID:	854  

   
__________________
[SIZE=2][COLOR=LemonChiffon]::[/COLOR][/SIZE]
[SIGPIC][/SIGPIC]
ktinkel is offline   Reply With Quote
Old 02-19-2007, 11:57 AM   #6
annc
Sysop
 
annc's Avatar
 
Join Date: Oct 2004
Location: Subtropical Queensland, Australia, between the mountains and the Coral Sea
Posts: 4,436
Default

I've done some sites with the nav on the left, and I've found that it works fine if you float both the nav and the content left, and then fiddle with the margins for the content to get it to sit up next to the nav.

Putting both nav and content in a box helps to align them correctly under the stuff above it. See this site and also this one for working examples. Although mine also have a right nav to complicate matters slightly...

   
__________________
annc is offline   Reply With Quote
Old 02-19-2007, 12:31 PM   #7
annc
Sysop
 
annc's Avatar
 
Join Date: Oct 2004
Location: Subtropical Queensland, Australia, between the mountains and the Coral Sea
Posts: 4,436
Default

Quote:
Originally Posted by annc View Post
This is what it looks like in Safari 2.0.4...
And in Camino 1.0.1, the bottom border of the nav disappears. In the other Mac browsers I tried, the bottom border of the nav looks 'unfinished', being a thin black line only.
Attached Thumbnails
Click image for larger version

Name:	Picture 2.png
Views:	83
Size:	120.1 KB
ID:	855  

   
__________________
annc is offline   Reply With Quote
Old 02-19-2007, 02:58 PM   #8
Michael Rowley
Member
 
Join Date: Jan 2005
Location: Ipswich (the one in England)
Posts: 5,105
Default

Dennis:

Quote:
Folks, I'm still new to absolute/relative positioning, etc. After a LOT of trial and error, I have a template nearly ready at . . .
I don't see anything wrong technically, but you Americans must be gluttons for punishment if you can deliver such a great wodge of text and expect voters to read it all.

   
__________________
Michael
Michael Rowley is offline   Reply With Quote
Old 02-19-2007, 03:03 PM   #9
dacoyle
Member
 
dacoyle's Avatar
 
Join Date: Aug 2005
Location: Arlington, VA (across the river from Washington, DC)
Posts: 560
Default

Seems all kinds of screwed up in Macs. The header is fine in IE 7, Firefox, and Opera for Windows. <sigh>

Sometimes I'm tempted to go back to table layout.

   
__________________
Dennis
dacoyle is offline   Reply With Quote
Old 02-19-2007, 03:04 PM   #10
dacoyle
Member
 
dacoyle's Avatar
 
Join Date: Aug 2005
Location: Arlington, VA (across the river from Washington, DC)
Posts: 560
Default

Quote:
Originally Posted by Michael Rowley View Post
Dennis:
I don't see anything wrong technically, but you Americans must be gluttons for punishment if you can deliver such a great wodge of text and expect voters to read it all.
That's just the first press release. I'm using it as a place holder while the candidate writes all the rest of the content. They know what I need for the index page. I hope to have the site populated by this weekend.

   
__________________
Dennis
dacoyle is offline   Reply With Quote
Reply

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump

Similar Threads
Thread Thread Starter Forum Replies Last Post
CSS positioning dacoyle Web Design 2 11-14-2005 07:40 PM


All times are GMT -8. The time now is 10:00 AM.


Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2017, vBulletin Solutions, Inc.
Contents copyright 2004–2014 Desktop Publishing Forum and its members.