Subject: Where did my left border go??

Posted on: 08/12/04 08:35am
By: beewee

Please have a look at http://www.kampeerzaken.nl/index.php. I hope to launch this dutch portal about camping etc in a few weeks.

You can see that the left border of the stories has disappeared. I checked everything, the CSS and storyblock.thtml etc seems OK. So where did that border go??

Where did my left border go??

Posted on: 08/12/04 03:30pm
By: beewee

Anybody??

Where did my left border go??

Posted on: 08/12/04 05:44pm
By: Blaine

I don't see the issue - maybe mark up an image to show us what your referring to. I was using IE 6 XP SP2.

Where did my left border go??

Posted on: 09/12/04 02:38am
By: beewee

Oops, my mistake, I placed a static page as placeholder instead of the borderproblem. It's visible now, and here is a screenshot. The border disappears on all Windows browsers.

With Mozillla and Firefox I found a second problem (the blue border of the menubar on the right) but I think/ hope that I can solve that one myself.

Where did my left border go??

Posted on: 09/12/04 03:17am
By: machinari

Off the top of my head I would suggest that your problem is with the difference in rendering padding between Moz type browsers and IE.
check this line in your thtml file:
<table class="storymainsection" border="0" cellpadding="3" cellspacing="0" width="100%">
either adjust the width percentage or the padding and you should be fine. IE, AFAIK, renders padding inside the box so in this case adding a few pixels to your already 100%.

or it could be something else.

Where did my left border go??

Posted on: 09/12/04 03:54am
By: machinari

and the solution to your blue line extending beyond the page:
<img src="http://www.kampeerzaken.nl/layout/professional/images/plugin-menu-button-blanco.gif" alt="kampeerzaken" hspace="0" border="0" vspace="0" width="100%" height="24" align="middle">

that img width is set to 100% but it is sitting beside (inside) your navbar, not under it. seems to me that you don't even need it due to your navbar background image that you have already defined in your style sheet.
but i figure you wanted to extend the blue to the side of the page even though your navbar wasn't that long.

here is a thought. get rid if the blue in the background image defined for the navbar in the stylesheet; put the blue onto the top of the green image (as a blue top border for the green image) used just underneath your navbar--just like you did with the orange image behind your story title.

Where did my left border go??

Posted on: 09/12/04 09:26am
By: beewee

[QUOTE BY= machinari] Off the top of my head I would suggest that your problem is with the difference in rendering padding between Moz type browsers and IE.
check this line in your thtml file:
<table class="storymainsection" border="0" cellpadding="3" cellspacing="0" width="100%">


either adjust the width percentage or the padding and you should be fine. IE, AFAIK, renders padding inside the box so in this case adding a few pixels to your already 100%.

or it could be something else. [/QUOTE]

I'm afraid it's something else...already removed a complete useless table in storytext.thml anyway. I keep trying. (about the menubar: I had already figured that out..) Thnx!

Where did my left border go??

Posted on: 09/12/04 10:17am
By: beewee

Solved the first problem...I shame myself.....there was a space in the CSS between 1 and px. Unfortunately, the Topstyle stylechecker didn't see this...but the browsers did...

Thnx for your help!

Geeklog - Forum
https://www.geeklog.net/forum/viewtopic.php?showtopic=44387