Jump to content

mechanimal

Members
  • Content Count

    3
  • Joined

  • Last visited

Community Reputation

0 Neutral

About mechanimal

  • Rank
    Newbie
  1. mechanimal

    div box's will not position properly

    um.. Ive actually got it the way I want now.I didnt fix the problem but I managed to avoid it I was originally having the images choped up into heaps of peices & haveing a seperate image file as the background for each div.I scraped that idea & realised I could make it a lot simpler buy just having the container hold the background image & have the other divs with no background.That way it doesnt matter if everything is sitting flush or not.check this out.But now I have a new problem....In IE6 it looks great & is perfect but for some reason in FirFox everything is compleatly out of wak.Have a look at it in both browsers & see the difference.
  2. mechanimal

    div box's will not position properly

    That isnt my site its the w3schools example I was basing of.I found the problem. The browser includes the borders I set in with the available space but doesnt position the divs acordingly.They get positioned as if the border takes up no space but it takes the border into account when calculating how much room is left.eg.Container width was 800px with 4px borderside was 195px 0px borderso I thought that would leave 605px left for the content div but it actually takes 8px out for the border.So ok then the content will fit if I make it 8px shorter. But the browser will not position the divs acording to the px's taken by the border so it will leave an 8px gap in one side.See what i mean.So the onley way to get it all to sit flush is to have no borders.But I want borders! Is there a way to get IE6 to not take the border width out of the available room?oh and I just looked at in firefox & its completely screwed up in that browser!man i got some work ahead of me.
  3. mechanimal

    div box's will not position properly

    ok basing my code off this w3schools examplehttp://www.w3schools.com/css/tryit.asp?fil...e=trycss_float6My code is prety much the same exept for;my container is limited to 800pxmy side is limited to 195px& my content div is 605(remaining space)For some reason my content div will not sit next to the side div no matter what I do. It always appears under the side div in IE6.Ive tried making the content div smaller, float right & setting the margin larger than the side width but nothing seems to make any diference. even if it is realy small & has heaps of room to go next to it it just wont. It will alwasy be under the side div.Does anyone know what is causing this problem? Ive send my code to many other ppl who have done similar things with their site & they cant see where the problem is either.The onley way I can get it to work is if I copy the example & modify it but I want to write my own code. I cant see what im doing different from the example.Ive even rewritten my code from scratch & double checked everything along the way & still keep getting the same problem.... Someone please help me!
×