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.




Awesome
4859 posts

Uber Geek

Trusted
Subscriber

# 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
1287 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...




Awesome
4859 posts

Uber Geek

Trusted
Subscriber

  # 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.

 
 
 
 


I iz your trusted friend
5846 posts

Uber Geek

Mod Emeritus
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

 




Awesome
4859 posts

Uber Geek

Trusted
Subscriber

  # 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.



Awesome
4859 posts

Uber Geek

Trusted
Subscriber

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

Sorted it myself. DIV needed a float:left;

Create new topic



Twitter and LinkedIn »



Follow us to receive Twitter updates when new discussions are posted in our forums:



Follow us to receive Twitter updates when news items and blogs are posted in our frontpage:



Follow us to receive Twitter updates when tech item prices are listed in our price comparison site:





News »

Arlo unveils its first video doorbell
Posted 21-Oct-2019 08:27


New Zealand students shortlisted for James Dyson Award
Posted 21-Oct-2019 08:18


Norton LifeLock Launches Norton 360
Posted 21-Oct-2019 08:11


Microsoft New Zealand Partner Awards results
Posted 18-Oct-2019 10:18


Logitech introduces new Made for Google keyboard and mouse devices
Posted 16-Oct-2019 13:36


MATTR launches to accelerate decentralised identity
Posted 16-Oct-2019 10:28


Vodafone X-Squad powers up for customers
Posted 16-Oct-2019 08:15


D Link ANZ launches EXO Smart Mesh Wi Fi Routers with McAfee protection
Posted 15-Oct-2019 11:31


Major Japanese retailer partners with smart New Zealand technology IMAGR
Posted 14-Oct-2019 10:29


Ola pioneers one-time passcode feature to fight rideshare fraud
Posted 14-Oct-2019 10:24


Spark Sport new home of NZC matches from 2020
Posted 10-Oct-2019 09:59


Meet Nola, Noel Leeming's new digital employee
Posted 4-Oct-2019 08:07


Registrations for Sprout Accelerator open for 2020 season
Posted 4-Oct-2019 08:02


Teletrac Navman welcomes AI tech leader Jens Meggers as new President
Posted 4-Oct-2019 07:41


Vodafone makes voice of 4G (VoLTE) official
Posted 4-Oct-2019 07:36



Geekzone Live »

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


Support Geekzone »

Our community of supporters help make Geekzone possible. Click the button below to join them.

Support Geezone on PressPatron



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.

Alternatively, you can receive a daily email with Geekzone updates.