Jump to content

Big Space In Category View


teric
 Share

Recommended Posts

Nice job so far!

One problem is in the style id "contents";

#contents {

	margin: 0 180px 0px 20px;

	border-right-width: 1px;

	border-right-style: solid;

	border-right-color: #666666;

	padding-top: 20px;

	padding-right: 10px;

}

You've a missing "px" from the 1st parameter.

I also notice that the layout isn't linear.. You've got the rightmost col coded before the left. In an ideal world , this should be fine, but some browsers don't like it. I've not checked the styles you've set-up, but I guess your're floating them into position.

I'd personally put it into the correct flow for readability.

I'm also not too sure why you've got 2 clear's in the code, just where the gap is...

Jason

Link to comment
Share on other sites

Nice job so far!

One problem is in the style id "contents";

#contents {

	margin: 0 180px 0px 20px;

	border-right-width: 1px;

	border-right-style: solid;

	border-right-color: #666666;

	padding-top: 20px;

	padding-right: 10px;

}

You've a missing "px" from the 1st parameter.

I also notice that the layout isn't linear.. You've got the rightmost col coded before the left. In an ideal world , this should be fine, but some browsers don't like it. I've not checked the styles you've set-up, but I guess your're floating them into position.

I'd personally put it into the correct flow for readability.

I'm also not too sure why you've got 2 clear's in the code, just where the gap is...

Jason

Link to comment
Share on other sites

Hi Jason

Thanks for the encouraging comment.

When I change to classic view the gap disappears.

I'm still trying to find out what does what - getting there slowly. I've changed the code to add the px, but no joy. I think that was code straight from dreamweaver.

I've not tried changing the order of the cols, but I have checked the generated code and the relavent bits are:

From my customised layout:

<div id="contents">	  

<div class="boxContent">

<span class="txtContentTitle">Scotland's West Coast</span>

<br clear="all" />

<br clear="left" />

<div><strong>Products in:</strong> /Scotland's West Coast</div>

From Classic layout:


<div class="colMid">

<div class="boxContent">

<span class="txtContentTitle">Scotland's West Coast</span>

<br clear="all" />

<br clear="left" />

<div><strong>Products in:</strong> /Scotland's West Coast</div>

<div class="pagination"></div>

I've looked at the relavent CSS and can find nothing amiss.

Anyone any thoughts??

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...