Hmm, cant figure this out, someone help please

mandude · Aug 10, 2011

I cant figure out a company's website why it doesnt render right in Chrome. go to their website:
http://tampa-seo.org/index3.html

and notice how the form is below instead of to the right. only in chrome. Works fine in FF.
anyone have any ideas?

thank you

Baybo.it · Aug 10, 2011

Inspecting the element in firebug leads me to believe the width of the form is too great, causing it to overflow to out of the block styling. The solution would be to apply a class to the first td in each row to decrease the width. This should fix the problem.

The code would look something like this:

Code:

 <!--
 Add the class fixtable to your table
 -->
 <table class="fixtable"> 
 
 </table>
 
 table.fixtable tr td:first-child {
     width: 25px; // or whatever the right width is
 }

The alternative is you could just make the width of the table smaller to fit in the allotted space. Another option is to set a max-width via css

Cheers

mrdexter · Aug 10, 2011

Container Div width 970px, Middle Div width 945px + 15px left margin +15px right margin = 975px breaking the container.

mandude · Aug 11, 2011

There was no sizes declared in the code for the Divs, not sure if i should add a div and size it or what.

baybo, i dont understand your code at all heh im a noob. Do I put that at the beginning of each line? "first name, last name etc"

I sized all of the text fields individually but that didnt seem to solve the problem so I guess it is the whole form size that is messed up.

ThePacketeer · Aug 11, 2011

Put the last 3 lines between <style> tags inside you head tags.
Then add the class="fixtable" at every table tag as shown above.
Gl

mrdexter · Aug 11, 2011

main.css line 94
#middle {
background: url("../img/middle.png") repeat-y scroll 0 0 transparent;
font-size: 12px;
padding: 5px 15px 2px;
text-align: left;
width: 945px;

main.css line 29
#container {
height: 100%;
margin: auto;
text-align: center;
width: 970px;

}

mandude · Aug 11, 2011

Thanks. I tried both things and it still doesnt seem to work.
Dexter, I found what you were talking about, thanks, but which should I change? i tried changing the 970 to 975 as you said it added up to. Then I just tried changing all 745's to 975s.

I also just tried the fix table thing, couldnt get that to work either. Thanks for the continual help

mandude · Aug 15, 2011

This is why I hate coding lol. After trying all of the elaborate tactics, I changed some text and noticed the form move. So int he end, all I had to do was hit the ENTER key below each colomn (about us, services) and it aligned correctly. Just the enter key!

Hmm, cant figure this out, someone help please

mandude

Senior Member

Baybo.it

Registered Member

mrdexter

Junior Member

mandude

Senior Member

ThePacketeer

Regular Member

mrdexter

Junior Member

mandude

Senior Member

mandude

Senior Member

Main Menu

Marketplace

Making Money

BlackHat World