logo-dw

Go Back   Dreamweaver Club Forums > Hand Coders Forum > HTML and CSS
Register FAQ Members List Search Today's Posts Mark Forums Read

Reply
 
Thread Tools Display Modes
Old 05-28-2014, 08:34 PM   #1
matthfam
 
Join Date: May 2014
Posts: 2
Angry Fluid Grid Layout

Help!
I am building a page with columns for information I will ad later. So I used Dreamweaver's Fluid Grid Layout to make columns as I didn't want to use tables. Worked great. I applied four columns and put in some dummy info to see how it worked on the browser.
Problem: Columns 1,2,4 work properly. Column 3 however shows the info way down the column.
Originally it worker perfect on Safari but not on the others (Firefox, Chrome, and Opera). Now, after I changed something, it doesn't work on Safari either.
Can anyone help me?
matthfam is offline   Reply With Quote
Old 05-29-2014, 04:20 PM   #2
Ricky55
Ricky55's Avatar
 
Join Date: Oct 2005
Location: West Yorkshire, UK
Posts: 1,855
Default

We need to see your code mate otherwise its how long is a piece of string.

Post here or use http://codepen.io/

Cheers

Richard
__________________
Qwerty Design

Check out my blog for web design insights.
http://www.qwerty-design.co.uk/
Follow me on Twitter: @QwertyDesignUK
Ricky55 is offline   Reply With Quote
Old 05-29-2014, 07:43 PM   #3
matthfam
 
Join Date: May 2014
Posts: 2
Default Fluid Grid Layout code

Here is the code in the body:

<body>
<div class="gridContainer clearfix">
<div class="fluid image"><img src="images/boardroom-use.jpeg" alt=""/></div>
<p>
<nav id="mainNav" class="fluid"> <ul id="menuSystem" class="fluid fluidList">
<li class="fluid menuItem zeroMargin_desktop">Office</li><li class="fluid menuItem">Products</li>
<li class="fluid menuItem hide_mobile">List </li><li class="fluid menuItem hide_mobile">About</li>
<li class="fluid menuItem">Contact</li><li class="fluid menuItem">Terms</li></ul>
</nav>
</p>
<div class="fluid column1">
<p><strong>Office Supplies</strong><br>
Staples.ca<br>
another.ca
<br>
xxxy.ca<br>
quickprint.ca<br>
</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
</div>
<div class="fluid column4">
<p>This is the content for Layout Div Tag "column4" </p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
</div>
<div class="fluid column2">
<p>This is the content for Layout Div Tag "column2"</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
</div>
<div class="fluid column3">
<p>This is the content for Layout Div Tag "column3"</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
</div>
<footer id="Footer" class="fluid">This is the content for Layout Footer Tag "Footer"</footer>
</div>
</body>
matthfam is offline   Reply With Quote
Old 05-30-2014, 04:04 AM   #4
edbr
edbr's Avatar
 
Join Date: Aug 2005
Location: Bali
Posts: 11,164
Default

it more likely to be a css problem
__________________
If you're happy and you know it shake your meds!
different style links examples

Flight / Hotel search
Free script download
Bali Villas
edbr is offline   Reply With Quote
Old 05-30-2014, 04:09 AM   #5
edbr
edbr's Avatar
 
Join Date: Aug 2005
Location: Bali
Posts: 11,164
Default

ah and dont name classes with a space in them
fluid column3 to fluid-column3
adding spaces the browser is accessing classes fluid and column3 not a single class
__________________
If you're happy and you know it shake your meds!
different style links examples

Flight / Hotel search
Free script download
Bali Villas

Last edited by edbr; 05-30-2014 at 04:16 AM..
edbr is offline   Reply With Quote
Reply


Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 12:41 AM.


Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2017, vBulletin Solutions, Inc.
Copyright 2006 DreamweaverClub.com