- This topic is empty.
-
AuthorPosts
-
March 17, 2011 at 7:25 am #32034
Anony999
ParticipantHi
I have a Joomla Website with a CSS Template, its not fluid
I deally i would like to have the website fluid as per your article min, max browser width for 90% best viewing
What code would i need to add to the css to accomplish this ?
Cheers
Dave
March 17, 2011 at 3:12 pm #55334TheDoc
MemberDefinitely not a simple fix – requires rewriting a lot of the CSS and a ton of testing.
March 19, 2011 at 8:14 am #55184Anony999
ParticipantReally, a complete rewrite :-(
That’s not good, I was hoping for something simple :-(
Any like a challenge ? :-) !!!!
March 19, 2011 at 10:54 am #55179andrew_wilkerson
ParticipantI have a similar question. I am trying to create a 5 column fluid layout. That is pretty easy to do using percentages. The trick is that I need 4 of the columns to be a fixed dimension. And the 5th column to expand to fill the rest of the space.
I have tried using percentages with min/max-width. That worked in fixing the dimensions of the four columns, but it doesn’t force the 5th column to fill all the existing space.
I am using float:left to keep everything in horizontal alignment. I am using relative positioning as of now I don’t have the columns in a container div. But if I need to I can put them into a container div.
Any suggestions?
I am a CSS noob. I am a designer that is trying to learn CSS so that I can create working mock-ups.
Thanks,
March 19, 2011 at 1:10 pm #55163andrew_wilkerson
ParticipantShould I do that if columns 1, 3, 4, and 5 need to be fixed and column 2 is the one that I want expand and contract with browser width?
March 19, 2011 at 1:30 pm #55166Anony999
ParticipantAnyone want to have a bash at my CSS ? :-) !!!
Or give me some 90% pointer ;-)
March 19, 2011 at 1:43 pm #55167andrew_wilkerson
ParticipantI will give your suggestion a try as soon as I get a chance! The reason that I want the columns to have fixed width is; they are for input fields (QTY, Item Number, Price, Total) in a purchase ordering forum. Once they get past a certain size the increase in size serves no purpose. The field that greater width would help is Item Description. Obviously the more width, the less height is needed, the more items on the screen etc…
That is a great suggestion about the minimum width container!
I will post my code as soon as I get the chance.
Thanks,
March 20, 2011 at 9:44 am #55038andrew_wilkerson
ParticipantMy apologies for hijacking your thread.
-
AuthorPosts
- The forum ‘CSS’ is closed to new topics and replies.