plainblack.com
Username Password
search
Community Support
Wiki
Forums
Report A Bug
Request Features
WebGUI 8
WebGUI TV
Add-ons and Plug-ins
Service Providers
webGUI in the news
Karma
API Docs
the people behind wg
webgui worldwide
Mascot
wallpapers
Stats
powered by icons
Bookmark and Share

    

Article alignment issues.
User aewhale
Date 11/3/2009 7:36 am
Views 529
Rating 0    Rate [
|
]
Previous · Next
User Message
aewhale
Date: 11/3/2009 7:36 am   ·   Subject: Article alignment issues.  ·   Rating: 0

I host a website that had proper alignment, but after upgrading the  site, well the site looks terrible.  Here's the site http://www.beroeslawcenter.com/home

What happened?

 

--
Albert E. Whale, CHS CISA CISSP
Sr. Security, Network, Risk Assessment and Systems Consultant

ABS Computer Technology, Inc. - Email, Internet and Security Consultants

--- (Edited on 11/3/2009 8:36 am [GMT-0500] by aewhale) ---



Back to Top
Rate [
|
]
 
 
aewhale
Date: 11/3/2009 7:56 am   ·   Subject: Re: Article alignment issues.  ·   Rating: -1

OK, the issue is in the layout.css.

 

The fragment:

.wg-clear {
  clear: both;
}

shifted the articles down.

 

I changed it to:

.wg-clear {
  clear: none;
}

What is the Clear command?

--
Albert E. Whale, CHS CISA CISSP
Sr. Security, Network, Risk Assessment and Systems Consultant

ABS Computer Technology, Inc. - Email, Internet and Security Consultants

--- (Edited on 11/3/2009 8:56 am [GMT-0500] by aewhale) ---



Back to Top
Rate [
|
]
 
 
roryzweistra
Date: 11/3/2009 8:15 am   ·   Subject: Re: Article alignment issues.  ·   Rating: 1

clear makes sure that floated elements won't be shifted down and such because you don't allow floated elements left or right of  that element.
http://www.w3schools.com/Css/pr_class_clear.asp
The problem that you have is because of the float: left on your sidebar.There are two problems with it:
1. it doesn't get cleared (with clear: both; for instance )2. If you don't have a float: left or a float: right next to the sidebar, then why does the sidebar has to be floated?
And another thing, in FF (I haven't checked it in IE) the content in sidebar is wider than sidebar itself. This can cause a lot of positioning problems.


On 3 nov 2009, at 14:56, <aewhale@ABS-CompTech.com> wrote:
aewhale wrote:

OK, the issue is in the layout.css.

 

The fragment:

.wg-clear {
  clear: both;
}

shifted the articles down.

 

I changed it to:

.wg-clear {
  clear: none;
}

What is the Clear command?

--
Albert E. Whale, CHS CISA CISSP
Sr. Security, Network, Risk Assessment and Systems Consultant

ABS Computer Technology, Inc. - Email, Internet and Security Consultants

--- (Edited on 11/3/2009 8:56 am [GMT-0500] by aewhale) ---



http://www.webgui.org/forums/design/article-alignment-issues/1

--

WebGUI
http://www.webgui.org

----------------------------------------------------------------------------------------------------------------------Met vriendelijke groet / Kind regards,
Rory Zweistrarory@oqapi.nl
Rotterdamseweg 183 C2629 HDDelftNederland
T: (+31) 015 750 10 98F: (+31) 015 750 10 99www.oqapi.nl

--- (Edited on 11/3/2009 8:15 am [GMT-0600] by roryzweistra) ---



Back to Top
Rate [
|
]
 
 
bartjol
Date: 11/3/2009 8:12 am   ·   Subject: Re: Article alignment issues.  ·   Rating: 0

Since that is more a CSS issue than webgui, please read http://www.w3schools.com/Css/pr_class_clear.asp or google some on css clear, then you'll find a lot of docs on that.

--- (Edited on 3-November-2009 15:12 [GMT+0100] by bartjol) ---



Back to Top
Rate [
|
]
 
 
    



© 2010 Plain Black Corporation | All Rights Reserved