Thread

Main page (CodeIgniter)
http://d.mdl.co.il/
FF fine IE pretty problematic

raw html code
http://d.mdl.co.il/ot/index.html
the same source code
no problems…

thanks, Dan.

Before I (or anyone) boots up windows to take a look, could you perhaps be more specific by what you mean “problematic”.  If its a layout or javascript or validation error, then there’s little CodeIgniter can do about that.  To rule those out first, does the page validate?  Are you getting a PHP error?  What is the error?  Blank page?  Are errors turned on?  Have you done a search of these forums for a similar issue yet?  What did that reveal?

Thanks

It is a layout problem
somehow the whole site goes right
http://img396.imageshack.us/img396/3177/mdliezu6.jpg
I divided the site to a main page a header and a footer
and the footer font changes

mainly it is the float right problem
the source of the codeigniter and the HTML page exactly the same I cant find the problem here

I see… so this isn’t a CodeIgniter issue, but rather a CSS issue.  Would you like me to move this to the lounge for you?

yep
thanks…

One issue: the LINK tag may only appear in the head.

Suggestion, try setting text-align:center in the body tag, then text-align:right in the .wrap style rule.

One issue: the LINK tag may only appear in the head.

Suggestion, try setting text-align:center in the body tag, then text-align:right in the .wrap style rule.

HUH it worked
THANKS!

Main page (CodeIgniter)
http://d.mdl.co.il/
FF fine IE pretty problematic

raw html code
http://d.mdl.co.il/ot/index.html
the same source code
no problems…

thanks, Dan.

 
 
 
I had a quick look at your style.css file and noticed that you have used padding extensively. Browsers do not treat padding the same, some include the padding within the parent <div ...> statement and others add it on to the outside.
 
I have found that instead of using padding within the <div ...> statement it is better to use another <div ...> (or maybe another block statement such as paragraph.  The reason is because all browsers seem to treat <divs ...> the same way.
 
Another alternative is to use the CSS margin statement which must be used along with either and/or both the width and height CSS statements. Once again all browsers seem to treat the margin statement the same.
 
 
 

I’m not sure I agree with you: IE6, the great satan, will handle padding correctly most of the time if you pass an XHTML doctype. You don’t really need to worry about IE5.x or IE:mac 5.2—their market shares are tiny.

Margins, on the other hand, get you into trouble with collapsing margins and IE6’s double margin float bug (easily solved, but annoying nonetheless).

I’m not sure I agree with you: IE6, the great satan, will handle padding correctly most of the time if you pass an XHTML doctype. You don’t really need to worry about IE5.x or IE:mac 5.2—their market shares are tiny.

Margins, on the other hand, get you into trouble with collapsing margins and IE6’s double margin float bug (easily solved, but annoying nonetheless).

ie6 just put display:inline;
and no double margin =]

That’s what I meant about easily-solved. What I was getting at is that margins and padding are two sides of the same coin: they both have cross-browser problems that need to be kept in mind before using extensively.

 
 
I just ran a few tests with three different settings for paddings and margins all with a common div width.
 
With padding the width of the div increased whereas using margin the width of the div remained the same but the div was positioned according to the margin statement.
 
Maybe it is my mis-understanding of widths, padding and margins so I tend to ignore the padding statement completely and get the div to remain the same width and to positon the contents according to the margin parameters.
 
This was tested with seven different browsers!!!