Geekzone: technology news, blogs, forums
Guest
Welcome Guest.
You haven't logged in yet. If you don't have an account you can register now.


ajobbins

5052 posts

Uber Geek

Trusted

#18292 5-Jan-2008 13:52
Send private message

I'm doing a website at the moment which I want to make fully XHTML and CSS compliant.

The layout I want will be something like this:



I want the area labled 'B' (Which will have a coloured BG) to grow automatically to the same height as 'A', which whil change in height from page to page. The width of 'B' will remain static and 'A' will dynamically adjust based on window size.

A is the main content area, B will be used for a new feed and C is where the page footer will be.

Is anyone able to give me some advise as to how my CSS should look to achieve this?

Create new topic
sleemanj
1490 posts

Uber Geek


  #103923 9-Jan-2008 23:42
Send private message

Personally, being a bit of a pragmatist, I'd say screw it and use a table. It doesn't make your xhtml or css invalid, tables are still part of the spec, you can still put the nice little validation image on your page in good concience, it just saves you about 2 days of farting about and loss of about half of your hair folicles trying to do what is a 1 minute job with a table.




---
James Sleeman
I sell lots of stuff for electronic enthusiasts...




ajobbins

5052 posts

Uber Geek

Trusted

  #104006 10-Jan-2008 13:49
Send private message

I'd rather spend the time and do it properly. Its for my company website and I want it done properly.

chiefie
I iz your trusted friend
5877 posts

Uber Geek

Retired Mod
Trusted
Lifetime subscriber

  #104017 10-Jan-2008 14:30
Send private message

There is no fault in using table in XHTML... everyone seem to think that to be XHTML and CSS compliant to take out table, which is wrong thinking.

You can use table, to its most cleanest form and still use CSS to apply styles and it's still very very very much XHTML compliant.

If you want to explore DIV-based layout, then you'll need to create a faux coloured background image (say width of B x 5px high), which has the width of the B, and right aligned, repeat-y for the container that holds A and B.




Internet is my backyard...

 

«Geekzone blog: Tech 'n Chips Takeaway» «Personal blog: And then...»

 

Please read the Geekzone's FUG

 




ajobbins

5052 posts

Uber Geek

Trusted

  #104248 11-Jan-2008 16:04
Send private message

I've changed the way i'm going to do this a bit.

I want to use DIV based layout.

A will be variable width and height based on the content, B will be fixed width but variable height based on the content and C will need to be below both A and B.

I currently have this working how I want in IE7 HOWEVER if I view it in Firefox or Opera the footer (Section C) appears at top, kind of behind A and B. It looks how I want it to look in IE7.

Is someone able to take a look at the code and give me an idea how I can fix this in FF/Opera?

http://www.itechsystems.co.nz/v2test/index.php for the HTML and http://www.itechsystems.co.nz/v2test/style.css for the style sheet.

ajobbins

5052 posts

Uber Geek

Trusted

  #104250 11-Jan-2008 16:13
Send private message

Sorted it myself. DIV needed a float:left;

Create new topic





News and reviews »

Air New Zealand Starts AI adoption with OpenAI
Posted 24-Jul-2025 16:00


eero Pro 7 Review
Posted 23-Jul-2025 12:07


BeeStation Plus Review
Posted 21-Jul-2025 14:21


eero Unveils New Wi-Fi 7 Products in New Zealand
Posted 21-Jul-2025 00:01


WiZ Introduces HDMI Sync Box and other Light Devices
Posted 20-Jul-2025 17:32


RedShield Enhances DDoS and Bot Attack Protection
Posted 20-Jul-2025 17:26


Seagate Ships 30TB Drives
Posted 17-Jul-2025 11:24


Oclean AirPump A10 Water Flosser Review
Posted 13-Jul-2025 11:05


Samsung Galaxy Z Fold7: Raising the Bar for Smartphones
Posted 10-Jul-2025 02:01


Samsung Galaxy Z Flip7 Brings New Edge-To-Edge FlexWindow
Posted 10-Jul-2025 02:01


Epson Launches New AM-C550Z WorkForce Enterprise printer
Posted 9-Jul-2025 18:22


Samsung Releases Smart Monitor M9
Posted 9-Jul-2025 17:46


Nearly Half of Older Kiwis Still Write their Passwords on Paper
Posted 9-Jul-2025 08:42


D-Link 4G+ Cat6 Wi-Fi 6 DWR-933M Mobile Hotspot Review
Posted 1-Jul-2025 11:34


Oppo A5 Series Launches With New Levels of Durability
Posted 30-Jun-2025 10:15









Geekzone Live »

Try automatic live updates from Geekzone directly in your browser, without refreshing the page, with Geekzone Live now.



Are you subscribed to our RSS feed? You can download the latest headlines and summaries from our stories directly to your computer or smartphone by using a feed reader.