2 replies [Last post]
Ojster
Offline
newbie
Last seen: 11 years 26 weeks ago
Joined: 2003-04-23
Posts: 5
Points: 0

Hello,

I just managed to make my site show up without tables. OK well I admit I still have two tables but I guess this will stay. But otherways the layout is made with CSS and I am sure it is a bit cluttered - I will probably be able to remove one or two DIVs.

What I would like to know is whether you see this page in an organised way: http://www.pocketpcstuff.com/TodayThemes/

If something is out of place I would sure like to hear about it or if you can make a screenshot that would be even better. But I hope it will work.

If you have a suggestion to make the CSS more organised or a better solution for my layout I would appreciate a hint Wink

Best regards,
Peter

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 5 hours 4 min ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5125
Points: 2722

Check for errors

Hi Peter,
The site looks fine in ie.
In Netscape 7 and Mozilla there is a gap between the e and s in the right green panel of about 10 pixels.
Possibly padding somewhere causing the problem, although I couldn't work out which images they were or the class name to look closer. :?

On low res screens you would have to scroll sideways to see the right bar,
will there be any content there :?:

You could try removing the lines at the top and right and have the color fade in.

The css seems well organised, it's just the source html that I can't understand. :oops:
You could try indenting your code that may make it easier to read.

Hope this helps a little.

Ojster
Offline
newbie
Last seen: 11 years 26 weeks ago
Joined: 2003-04-23
Posts: 5
Points: 0

Check for errors

Thank,

I am glad it looks ok - there won't be any content at the right - it is just so there is no emptiness on the page for those who have large monitors. Otherwise nothing important is to the right - I made it 1600px wide just to fill the screen.

I will look into the gap thing - it's wierd but there certainly must be one of the paramters for height or offset.

The top white line is there because I will have links to subpages on the edge, this layout is not yet finished - what you see now is just the basic shape but there will be changes to the background and I will also add buttons.

The code is a problem because this site is generated by MovableType and lots of code that I have is missing on the final page so there are gaps everywhere and code is missing, but I will add more comments and divide it into sections - it's also better for me when I want to change something in a month or two Wink

I am also working on another page at the same time - for the first site I used tables Smile Good old tables... You can check it out if you want: http://photogallery.pocketpcstuff.com

Best regards,
Peter