The "Freeola Customer Forum" forum, which includes Retro Game Reviews, has been archived and is now read-only. You cannot post here or create a new thread or review on this forum.
A very basic CSS question no doubt, but whats the best way to create a two column + header layout in CSS - floats or absolute (or a third that I've missed)?
Each seem to have their ups and downs. All I was after is a layout that would fit an 800 X 600 without any problems, but not break if the user had a smaller screen, but also be able to increase in size if the user selected a higher sized font from within their brower.
Each seem to have their ups and downs. All I was after is a layout that would fit an 800 X 600 without any problems, but not break if the user had a smaller screen, but also be able to increase in size if the user selected a higher sized font from within their brower.
I haven't been able to find anything relevent, but have come up against more and more IE bugs, some are quite strange. One being the element with a bottom border will repeat itself at the bottom of a
element with a bottom border will repeat itself at the bottom of a , moving the will make the underline border change to a dashed version. Add position: relative; to that and the bug is gone. Strange.
Is there any central bug listings web sites available?
will make the underline border change to a dashed version. Add position: relative; to that
and the bug is gone. Strange.
Is there any central bug listings web sites available?
Is there any central bug listings web sites available?
Thanks for pointing that out, though the code I have is all valid, I just forgot to add it in this example, sorry.
You do open two
tags but only have one
. Close both of them, or they'll be negated.
Just out of interest, do you know of the bug that chokes IE when you try to absolute position a list within a
?
I'm trying to adapt [URL]http://www.thenoodleincident.com/tutorials/box_lesson/basic4.html[/URL] without the right column and with the ability for the header to increase in size (relative to its content).
Because of this, I've wrapped the left nav and main content into a
I'm trying to adapt [URL]http://www.thenoodleincident.com/tutorials/box_lesson/basic4.html[/URL] without the right column and with the ability for the header to increase in size (relative to its content).
Because of this, I've wrapped the left nav and main content into a
, given it a position: relative; property so that the nav list can position correctly within it, and adding the left margin to the content
, like so:
For some reasons though, IE6 and 5.5 for Win (IE 5 doesn't do this surprisingly) will place the
Thu 14/10/04 at 22:04
Thu 14/10/04 at 15:58
Thu 14/10/04 at 15:45
Thu 14/10/04 at 15:25
Wed 13/10/04 at 23:55
Wed 13/10/04 at 23:13
style="position: relative;">
- style="position: absolute; left: 0; top: 0;"> ...
style="margin: 0 0 0 170px;"> ...
For some reasons though, IE6 and 5.5 for Win (IE 5 doesn't do this surprisingly) will place the
when the main wrapper
doesn't have a border around it (as though it thinks the main wrapper
doesn't exist). Adding a border to the main wrapper
will make IE 6 and 5.5 play ball with the rest of them.
I've adapted the code to cater for this at the moment (border colour matches site background), but am curious if there are more details about it available anywhere? (I'm currently looking through google, no luck yet though).
style="position: relative; border: 1px solid black">
...
...
I've adapted the code to cater for this at the moment (border colour matches site background), but am curious if there are more details about it available anywhere? (I'm currently looking through google, no luck yet though).
Don't expect any big changes then, you'll be very disappointed - and you may not like the new headings either :)
**reaches for shade**
I remeber that...
I remeber that...
cjh wrote:
> www.gta-vice-city.co.uk site together, which worked ok in IE.
First impression? Ouch.
Colors. Change. Please. :)
> www.gta-vice-city.co.uk site together, which worked ok in IE.
First impression? Ouch.
Colors. Change. Please. :)
Thanks for the links, and the added info after - I'll have a go later on when I get home.
I'm not sure if you remember, but I put that little www.gta-vice-city.co.uk site together, which worked ok in IE. I'm giving it a little re-coding to make it more usable, while using it to give this accessibilty a go as well.
I'm not sure if you remember, but I put that little www.gta-vice-city.co.uk site together, which worked ok in IE. I'm giving it a little re-coding to make it more usable, while using it to give this accessibilty a go as well.
Have a gander at these;
The Noodle Incident
[URL]http://www.thenoodleincident.com/tutorials/box_lesson/boxes.html[/URL]
Glish Layout Techniques
[URL]http://glish.com/css/7.asp[/URL]
Personally I'd go with relative floats along the lines of:
header @ 100%
container @ 100%
Rightcol @ %'s floated to right in container (maybe left?)
You'll need to use the BMH and a couple of hacks for browser widths etc.
Have a look at ALA and Zeldmans site, although static in layout, it can be modified to be flexible quite quickly.
The Noodle Incident
[URL]http://www.thenoodleincident.com/tutorials/box_lesson/boxes.html[/URL]
Glish Layout Techniques
[URL]http://glish.com/css/7.asp[/URL]
Personally I'd go with relative floats along the lines of:
header @ 100%
container @ 100%
Rightcol @ %'s floated to right in container (maybe left?)
You'll need to use the BMH and a couple of hacks for browser widths etc.
Have a look at ALA and Zeldmans site, although static in layout, it can be modified to be flexible quite quickly.
A very basic CSS question no doubt, but whats the best way to create a two column + header layout in CSS - floats or absolute (or a third that I've missed)?
Each seem to have their ups and downs. All I was after is a layout that would fit an 800 X 600 without any problems, but not break if the user had a smaller screen, but also be able to increase in size if the user selected a higher sized font from within their brower.
Each seem to have their ups and downs. All I was after is a layout that would fit an 800 X 600 without any problems, but not break if the user had a smaller screen, but also be able to increase in size if the user selected a higher sized font from within their brower.
Freeola & GetDotted are rated 5 Stars
Check out some of our customer reviews below:
Thanks!
Thank you for dealing with this so promptly it's nice having a service provider that offers a good service, rare to find nowadays.
I am delighted.
Brilliant! As usual the careful and intuitive production that Freeola puts into everything it sets out to do. I am delighted.
It appears you are using an old browser, as such, some parts of the Freeola and Getdotted site will not work as intended. Using the latest version of your browser, or another browser such as Google Chrome, Mozilla Firefox, or Opera will provide a better, safer browsing experience for you.