12 replies [Last post]
jbg00d
Offline
newbie
Last seen: 14 years 10 weeks ago
Joined: 2007-05-24
Posts: 10
Points: 0

Hello,

Before I ask my question, I will have everyone know that I'm not a spammer, this is a sincere question.

I'm fairly new to css and I'm having a height issue with a wrapper and some dynamic content. this is a test page to my project: http://combatpaintball.net/paintball/test.htm

Right now I'm using endless empty paragraphs to temporarily fix it. The problem is that the content size changes then sometime the content will be much shorter or much longer; it's really piss'in off. It seems like a really easy thing to fix, but for some reason, it's not cooperating with me.

Can someone take a look please? Thanks

jbg00d
Brian

Genius
Genius's picture
Offline
Regular
China
Last seen: 10 years 14 weeks ago
China
Timezone: GMT+8
Joined: 2007-04-25
Posts: 20
Points: 0

I know your problem ,I meet

I know your problem ,I meet with it before,too.
this question is for the .ebaypaintballwrapper is float to right,but its container .contContainerdoesn't float.it is said in W3C said that the normal flow container won't include the float children height, but the float container can ,so you can set the .contContainer float right.

jbg00d
Offline
newbie
Last seen: 14 years 10 weeks ago
Joined: 2007-05-24
Posts: 10
Points: 0

Re: I know your problem...

I'll try, but I don't know..

I'll keep you posted. thanks.

Brian

jbg00d
Offline
newbie
Last seen: 14 years 10 weeks ago
Joined: 2007-05-24
Posts: 10
Points: 0

Re: I know your problem...

Genius wrote:
I know your problem ,I meet with it before,too.
this question is for the .ebaypaintballwrapper is float to right,but its container .contContainerdoesn't float.it is said in W3C said that the normal flow container won't include the float children height, but the float container can ,so you can set the .contContainer float right.

Well, it works in IE7, but its trashed in firefox. Any other Idea's? thanks.

Brian

Genius
Genius's picture
Offline
Regular
China
Last seen: 10 years 14 weeks ago
China
Timezone: GMT+8
Joined: 2007-04-25
Posts: 20
Points: 0

It can work in firefox,too.

It can work in firefox,too. I try the code in firefox ,it can work well.

jbg00d
Offline
newbie
Last seen: 14 years 10 weeks ago
Joined: 2007-05-24
Posts: 10
Points: 0

Re Re: I know your problem...

Well, I tried a few different things with the right float attribute, noe of them worked.

I'm at a loss. I'm about ready to pull my hair out.

Brian

jbg00d
Offline
newbie
Last seen: 14 years 10 weeks ago
Joined: 2007-05-24
Posts: 10
Points: 0

Re Re: I know your problem...

It must be something in the way that I designed the site.

thepineapplehead
thepineapplehead's picture
Offline
Moderator
Last seen: 16 weeks 3 days ago
Timezone: GMT+1
Joined: 2004-06-30
Posts: 9683
Points: 819

Page not loading form me

Page not loading form me :?

Verschwindende wrote:
  • CSS doesn't make pies

jbg00d
Offline
newbie
Last seen: 14 years 10 weeks ago
Joined: 2007-05-24
Posts: 10
Points: 0

Re: Page not loading form me

Hey thanks for willing to help.

Actually, I figured out solid fix. What I did is wrpped the dynamic and static content in a table with no size atributes and it worked perfect.

Here's another link: http://combatpaintball.net/paintball/automagpaintballguns.htm

Chech it out. thanks.

Brian

jbg00d
Offline
newbie
Last seen: 14 years 10 weeks ago
Joined: 2007-05-24
Posts: 10
Points: 0

jbg00d wrote:Hey thanks for

jbg00d wrote:
Hey thanks for willing to help.

Actually, I figured out solid fix. What I did is wrpped the dynamic and static content in a table with no size atributes and it worked perfect.

Here's another link: http://combatpaintball.net/paintball/automagpaintballguns.htm

Chech it out. thanks.

Brian

I knew I needed an something that the dynamic content couldn't pinatrate and something that the container would react to in the right way; a table seemed to fit that description...

Brian

Genius
Genius's picture
Offline
Regular
China
Last seen: 10 years 14 weeks ago
China
Timezone: GMT+8
Joined: 2007-04-25
Posts: 20
Points: 0

I have found a class

I have found a class may help you solve this problem ,you can use it in the container.and needn't to float the container.the height of container will change with the table.
.float-break
{
height: 1%; /* Fix for IE */
}

.float-break:after /* Terminate floating elements flow */
{
content: "-";
height: 0;
font-size: 0;
visibility: hidden;
display: block;
clear: both;
}
you can use it in the code like this:

mihirc
mihirc's picture
Offline
Leader
Pune, Maharashtra, India
Last seen: 8 years 2 weeks ago
Pune, Maharashtra, India
Timezone: GMT+5.5
Joined: 2007-05-09
Posts: 728
Points: 204

.float-break:after /*

.float-break:after /* Terminate floating elements flow */ { content: "-"; height: 0; font-size: 0; visibility: hidden; display: block; clear: both; }

I dont quite understand what this does... can you explain this a bit further??? content:"-"????????

Never heard (or seen) this kinda code before...

mihir. Smile

Proprietor - Thoughtfulviewfinder Services
Web Development | Design | Merchandise | Photography
My personal blog: MihirChhatre.com

Genius
Genius's picture
Offline
Regular
China
Last seen: 10 years 14 weeks ago
China
Timezone: GMT+8
Joined: 2007-04-25
Posts: 20
Points: 0

just insert a hidden

just insert a hidden content,you can use content:"a" too,because the float content height won't be included.so insert a hidden content. a way to solve this problem.
p.note:before { content: "Note: " }
it can tell you what is the content meaning ,you can search it on W3C